• Как создать макет сайта?

    indrigor
    @indrigor
    web designer
    Для начала нужно определиться, чем конкретно необходимо заниматься - веб дизайном или версткой. Каждое из направлений имеет свою сложность и свои нюансы. И нужно понять для себя - а нужно ли, чтобы тратить на это время?
    1. Если заниматься сразу и дизайном и версткой, как правило не преуспеешь ни там ни там.
    2. Если заниматься всерьез дизайном, то будет хромать верстка, если версткой то хромать будет дизайн
    3. Для того, чтобы преуспеть в двух направлениях нужны годы обучения и практики.

    "В дальнейшем не планирую этим профессионально заниматься, но для себя хочу изучить хотя бы основы, чтобы создать полностью парочку своих проектов."
    Если хочешь заниматься своими проектами, лучше обратись к профи или купи / найди бесплатные готовые шаблоны. Просто, как показывает практика - проект сделанный через одно место, ничем хорошим не сулит.
    Ответ написан
    Комментировать
  • Как создать макет сайта?

    indrigor
    @indrigor
    web designer
    Для начала нужно определиться, чем конкретно необходимо заниматься - веб дизайном или версткой. Каждое из направлений имеет свою сложность и свои нюансы. И нужно понять для себя - а нужно ли, чтобы тратить на это время?
    1. Если заниматься сразу и дизайном и версткой, как правило не преуспеешь ни там ни там.
    2. Если заниматься всерьез дизайном, то будет хромать верстка, если версткой то хромать будет дизайн
    3. Для того, чтобы преуспеть в двух направлениях нужны годы обучения и практики.

    "В дальнейшем не планирую этим профессионально заниматься, но для себя хочу изучить хотя бы основы, чтобы создать полностью парочку своих проектов."
    Если хочешь заниматься своими проектами, лучше обратись к профи или купи / найди бесплатные готовые шаблоны. Просто, как показывает практика - проект сделанный через одно место, ничем хорошим не сулит.
    Ответ написан
    Комментировать
  • Почему дизайнеры делают макеты сайтов в Photoshop?

    indrigor
    @indrigor
    web designer
    Photoshop - универсальная программа. Это полезно, особенно если работаешь над индивидуальными проектами, где не требуется шаблонный подход.
    Ответ написан
  • Дизайн интерфейсов, портфолио, фриланс, и как дальше быть?

    indrigor
    @indrigor
    web designer
    Если нравиться, то продолжай )
    здесь главное практика и то как ты вникаешь в сферу веб-дизайна. Главное думать как дизайнер, а не как кодер. Учись на своих ошибках, анализируй предыдущие работы, смотри, что в них не так и делай лучше. Перед началом дизайна главное уяснить для себя цели и задачи проекта, а также цели и задачи его элементов или блоков, которые будут там присутствовать. И самое главное - нужно помнить, что ты делаешь дизайн для пользователей / потребителей, а значит представляй себя на их месте. Так будет понятней от чего следует отталкиваться и в каком направлении двигаться.
    Следует также помнить, что дизайн требует постоянного совершенствования, нужно постоянно развиваться. Многое зависит только от тебя.
    Далеко не все студии могут гарантировать рост твоих навыков и на фрилансе очень много проектов, которые не будут способствовать твоему росту. В итоге все приходит с опытом.
    Ответ написан
    Комментировать
  • Когда лучше делать СЕО оптимизацию?

    indrigor
    @indrigor
    web designer
    Перед дизайном можно дать рекомендации, если дизайнер опытный, то примет это к сведению
    а так лучше после дизайна (при условии что дизайнер опытный:))
    Ответ написан
    Комментировать
  • Как вы определяете ЦА своего дизайна сайта?

    indrigor
    @indrigor
    web designer
    тут что-то можно узнать полезное )
    dominantblogger.com/kak-uznat-celevuyu-auditoriyu-saita
    Ответ написан
    Комментировать
  • Где грань между обязанностями дизайнера и заказчика?

    indrigor
    @indrigor
    web designer
    Здесь основная задача дизайнера разработать дизайн самих фильтров, сделать их удобными и понятными для пользователя, а какие там будут фильтры уже должен думать заказчик, так как тот должен знать, чем он (заказчик) занимается :)

    Если заказчик не знает, что ему нужно, тогда зачем ему сайт?
    Ответ написан
    Комментировать
  • Как подготовить макеты в печать фрилансеру?

    indrigor
    @indrigor
    web designer
    Там ничего сложного )
    Во многих типографиях на сайтах уже есть требования к макетам, а если нет можно нагуглить

    Занимался дизайном полиграфии очень давно ) пишу , что помню:
    1. Текст превратить в кривые
    2. По бокам макета должны быть отступы (во многих типографиях разные требования - можно сделать 1,5-2мм)
    3. Цветоделение сделать CMYK
    4. Разрешение картинки - 300 пикс. на дюйм

    по идее в хорошей типографии должны быть люди которые могут доработать макет для печати, как раз на такие случаи, поэтому этого должно хватить

    может разве что в нужном формате отправить, точно не jpeg и png ))
    Во многих типографиях на сайтах уже есть требования к макетам, а если нет можно нагуглить
    Ответ написан
    3 комментария
  • Где узнать об основных фишках иностранного веб-дизайна?

    indrigor
    @indrigor
    web designer
    Стоит помнить о специфике рынка потребителей на западе и в СНГ. Они заметно отличаются. Из-за этого "внедрять" западные тенденции в странах СНГ сложновато, если заказчики конечно не ориентируются на западные рынки :)
    для общей информации можно просматривать Дежурку www.dejurka.ru
    если брать англоязычные, тут их много, например, можно этот https://www.smashingmagazine.com

    для визуального ознакомления можно посмотреть
    revision.ru/works/list/r7
    https://www.behance.net/
    Ответ написан
    Комментировать
  • Где посмотреть образец правильного техзадания на разработку графики/интерфейса?

    indrigor
    @indrigor
    web designer
    Если дизайнер - хороший специалист, то он сможет сам проконсультировать или помочь в составлении ТЗ.
    Ответ написан
    Комментировать
  • С кем лучше всего проектировать интерфейс? С дизайнером или frontend-разработчиком?

    indrigor
    @indrigor
    web designer
    Конечно веб-дизайнер, UI и UX - это его работа.
    Ответ написан
    Комментировать
  • Применение инструмента прямоугольник невозможно не выделены слои. Как пофиксить?

    indrigor
    @indrigor
    web designer
    Вопрос стоит раскрыть более подробнее. Не понятно в чем именно заключается ошибка
    Ответ написан
  • Что добавить или убрать на продающем сайте, советы по сайту и какие основные ошибки?

    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. Рейтинг других людей. Звездочки лучше не делать, так как они отвлекают на себя внимание, тут акцент на людей, а точнее на их имена и оценку / балл. Главное, чтобы было видно, какое место, кто его занял и какой у него балл. Остальные элементы будут лишними.

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