• Как вывести общих друзей?

    rpsv
    @rpsv
    делай либо хорошо, либо никак
    1 вариант:
    SELECT f1.friend_id
    FROM friends AS f1
    INNER JOIN friends AS f2 ON f1.friend_id = f2.friend_id
    WHERE f1.user_id = 7 AND f2.user_id = 25


    2 вариант:
    SELECT friend_id
    FROM friends
    WHERE user_id IN (7, 25)
    GROUP BY friend_id
    HAVING count(friend_id) = 2
    Ответ написан
    Комментировать
  • Что добавить или убрать на продающем сайте, советы по сайту и какие основные ошибки?

    indrigor
    @indrigor
    web designer
    Первое впечатление - что в дизайне сайта задействованы методы из дизайна полиграфии (разнообразия шрифтов, цветов и прочее), что пагубно отражается на юзабилити, слишком сложный для восприятия. Дизайн сайта значительно отличается от дизайна полиграфии. Пользователь должен как можно больше находится на этом сайте, ничто не должно его отвлекать. Если все будет разного размера, в разных шрифтах, в разных цветах - пользователь просто уйдет из сайта, ему будет не интересно. Другими словами сайт не будет работать.

    По Главной:
    1. Шапка сайта: Социконки нужно переместить в другое место, не нужно лепить их к логотипу, логотип должен выделяться, а социконки над ним только отвлекают внимание от него (логотипа).
    - Телефон нужно выделить, он не заметен (или сделать крупнее или выделить к примеру белым цветом )
    - Меню. Эффекты при наведении немного непривычны :), но корзину нужно сделать крупнее и возможно как-то выделить, она теряется

    2. Слайдер: Не понятно что иконка со стрелкой это просмотр Видео. ВОзможно стоило выделить ему отдельное место на слайдере или сделать типо такого www.soft.se
    С типографикой на баннере слайдера нужно поработать. Здесь методы, которые применяются в дизайне печатных продукции работать не будут. Желательно для сайта использовать два (максимум три) шрифта.
    "Или" не нужно делать косым, выглядит чужеродно.
    Ссылка "заполнить форму" нужно показать, как она будет выглядеть при наведении, чтобы пользователь визуально понял, что он навел на эту ссылку.

    3. Три блока под слайдером. Нужно сделать эффекты при наведении (рамка появляется, картинка затемняется или наоборот - становится светлой, тут на свое усмотрение:)). Главное чтобы пользователь понял на что он наводит. Возможно типографику на этих блоках нужно сделать цельной, подписи под этим блоками стоит убрать, их все равно никто читать не будут и так понятно, о чем они (блоки).

    4. Заголовки. Первое впечатление, которое возникнет у пользователя - что это большие кнопки. Если выделять заголовки, то точно не так. Слишком много они отвлекают на себя внимания, а это плохо ).

    5. "Почему выбирают именно нас". Яркий желтый блок заголовка отвлекает внимание от описания этого блока.
    Заголовки "Мы любим...", "Обработка..." и "Материалы..." лучше не центрировать, теряется целостность.

    6. "Узнать о нас". Не понятно, что это ссылка.
    Блоки "Доступные цены" и "Премиум качество" нужно выравнить, такое ощущение, что слетела верстка )).
    Описание этих блоков не делать заглавными буквами, плохо читается и теряются на фоне Заголовков и кнопок, где шрифт сделан заглавными.

    7. Примеры работ. Нужны эффекты при наведении на работы. Поискать эффекты можно здесь tympanus.net/codrops/category/playground или просто хоть как-то дать понять пользователю, на что он наводит )

    8. Как заказать печать. Сделать такой же размер, как остальные заголовки. Вначале принял за кнопку ))
    Блок в целом выглядит инородным. Другие иконки, другие цвета.
    В плане иконок лучше сделать их цветными, а цифры монотонными, уменьшить или вообще их убрать (они отвлекают на себе ненужное внимание). Возможно иконки немного уменьшить. Заголовки иконок отцентрировать, чтобы было гармонично. Возможно, иконки выделить каким-нибудь одним ярким цветом, но это мое личное мнение )

    9. Блок "Ты нам нравишься" лучше не стоит делать таким высоким и не делать социконки вразброс (делать на одном уровне, визуально так удобнее кликать).

    10. Заполнить форму. Принял это за кнопку )). Зеленая кнопка выпадает из стиля. Для всех кнопок я бы сделал высоту побольше, они должно выделяться.

    11. Рассылка. Поле выбивается из стиля. В дизайне элементы с острыми углами, а тут с закругленными. Возможно стоит тогда делать и кнопки с закругленными углами, тогда возможно поле для ввода впишется в общий стиль дизайна.

    Сделал описание только Главной страницы, так как в основном она задает общий стиль сайта.
    Еще один момент который сразу бросается в глаза - бредкрамс (хлебные крошки) абсолютно незаметны, это есть нехорошо. Не думаю что кидать их вправо это хороший вариант. Нужно размещать там, где их легко можно будет заметить.
    Ответ написан
    4 комментария
  • Как развивать навыки дизайна?

    indrigor
    @indrigor
    web designer
    Для начала нужно понять, что есть дизайн. Дизайн создается не для определенного круга людей, он создается для широких масс потребителей. Дизайн скорее проектирование, с элементами рисования )
    Для начала нужно выбрать направления в дизайне (например - дизайн печатной продукции, графический дизайн, веб-дизайн, 3D и т.д.) и вникать ). Читать статьи, следить за тенденциями, применять полученные знания на практике. Все приходит с опытом.
    Ответ написан
    Комментировать
  • Как лучше оформить дизайн шапки сайта?

    indrigor
    @indrigor
    web designer
    Если нет своих идей, посмотрите как делают на других сайтах, зайдите в https://www.behance.net или revision.ru/works/list/r7/?f
    или здесь посмотреть themeforest.net
    Ответ написан
    Комментировать
  • Что делать, когда давний Заказчик даёт срочный заказ?

    indrigor
    @indrigor
    web designer
    В таких случаях нужно брать аванс наперед, в случае, если заказчик вдруг потеряется, хоть не так будет обидно :)
    Ответ написан
    Комментировать
  • Где искать заказчиков дизайнеру сайтов, если умеешь работать только в фотошопе и вёрсткой не владеешь?

    indrigor
    @indrigor
    web designer
    Есть несколько вариантов:
    1. Биржи
    2. Сотрудничество - искать людей у которых много заказов под ключ, но не хватает специалистов
    3. Работа в компании - стабильный заработок, опыт, портфолио или просто перекантоваться, пока не улучшится условия для дальнейшего фриланса

    также нужно продвигать себя везде, где только возможно - форумы, сообщества, блоги и прочее. Принимать участие в обсуждении, писать свои статьи и демонстрировать свое портфолио. И да, не ограничиваться только лендингами, стоит быть чуточку универсальным (в плане дизайна) - освоить 3D или заняться дизайном моб. приложений и т.д.
    Ответ написан
    Комментировать
  • В какой программе можно нарисовать вот такую машину?

    indrigor
    @indrigor
    web designer
    За основу можно взять из инета авто и обработать его в фотошопе
    Также это еще зависит от того, кто с какой программой дружит =)
    Ответ написан
    Комментировать
  • Как изменить дизайн, чтобы было красиво?

    indrigor
    @indrigor
    web designer
    Касательно первого варианта:
    1. Заголовки блоков должны выделяться (так как они серые и маленькие, то они слегка теряются), нужно сделать крупнее и возможно пожирнее или цвет изменить (скажем на черный). Главное чтобы пользователю было визуально понятно что это за блоки.
    2. нужно увеличить расстояние между блоком "Последние тесты" и блоком "рейтинг группы", не стоит их так близко лепить друг к другу
    3. Блок последние тесты - не понятно, что красные цифры могут быть оценкой / баллом. Визуально это нужно указать (например, написать оценка / балл: 4 - тут можно по разному это показать, главное чтобы было понятно, что это оценка, а непросто цифра).
    - Красный цвет оценки / балла лучше заменить на другой, скажем черный или бирюзовый, как цвет иконок. Так как красный цвет слишком будет отвлекать на себя внимание. Это больше субъективный фактор ), тут на твое усмотрение.
    4. Средний балл. Выделить заголовок, он еле заметен. Вот круг я бы залил мягким красным цветом, примерно как цвет звездочек (тут больше на свое усмотрение, главное чтобы было понятно что это график) и сделал бы слегка толще круг.
    - цифры в круге нужно немножко уменьшить.
    5. Блок "Рейтинг группы". Иконки - если берешь за пример material design, то лучше соблюдать сам стиль, к примеру https://www.iconfinder.com/search/?q=reward&type=v...
    тени иконок лучше убрать и уменьшить (так как они сами по себе (благодаря цвету) уже выделяются, ничего страшного если они будут меньше). Главное выделить имена победителей, сделать их крупнее, как и сам балл. Насчет цвета кубков можно экспериментировать, главное чтобы не выбивалось из общего стиля )
    6. Возможно, как упоминали ранее люди - стоит разместить кубки слева направо (золото, серебро, бронза). Так как мы читаем слева на право, то с точки зрения юзабилити это будет правильно, но это субъективная оценка )
    7. Рейтинг других людей. Звездочки лучше не делать, так как они отвлекают на себя внимание, тут акцент на людей, а точнее на их имена и оценку / балл. Главное, чтобы было видно, какое место, кто его занял и какой у него балл. Остальные элементы будут лишними.

    Что касается второго варианта:
    это не спортивное мероприятие (если я правильно понял:)), а скорее сфера образования, потому смысл в пьедестале лично я не вижу (но это моя субъективная оценка). В любом случае этот пьедестал отвлекает на себя слишком много внимания, а на странице, где есть много информации, лучше такого не делать. Поэтому первый вариант вписывается лучше )
    Ответ написан
    Комментировать
  • Как перенести svg из Photoshop в Illustrator?

    indrigor
    @indrigor
    web designer
    Вектор нужно сохранить в формате eps. а после открыть этот файл в любой векторной программе
    Ответ написан
    Комментировать
  • PHP str_replace: баг или фича?

    mlnkv
    @mlnkv
    JavaScript Developer
    выводит
    <!--? -- ?-->
    просмотрите исходный код страницы
    Ответ написан
    2 комментария