darakanoit
@darakanoit
Веб-разработчик

Научился создавать сайты, но не обладаю «дизайнерским взглядом», как его получить?

Доброго времени суток.
Научился создавать сайты на основе чьих-то PSD макетов, но когда начинаю создавать сайт с нуля "из головы" выходит довольно "уродливое" творение.
Видел людей, которые почти на автомате творят красоту (сайт, рисование и т.д.)
Как научиться подбирать цвета? Как делать действительно классные решения приятные глазу?
Может кто-то поделиться личным опытом или подкинет полезную литературу.
Знаю про вариант совместной работы с дизайнером, но хотелось бы обладать таким навыком самому.
  • Вопрос задан
  • 2919 просмотров
Решения вопроса 16
delphinpro
@delphinpro
frontend developer
Не согласен с предыдущими ораторами. Фронтэндер должен обладать хотя бы минимальным "чувством прекрасного". Также не согласен с тезисом, что "это либо дано либо нет".

Возьмите книжек по UI и UX и просвещайтесь.
Ответ написан
Sanasol
@Sanasol Куратор тега Веб-разработка
нельзя просто так взять и загуглить ошибку
Научился создавать сайты на основе чьих-то PSD макетов,но когда начинаю создавать сайт с нуля "из головы" выходит довольно "уродливое" творение.

вам шашечки или ехать?)
верстать/программировать и разрабатывать дизайн две совсем разные сферы.
В одной надо кодить, в другой рисовать.

Собрать интерфейс админки из фреймворка css например можно и без дизайна, но опять же надо руку набить и понимать что к чему, а не лепить кашу малашу. Только опыт наработанный в этом поможет.
Ответ написан
alex-1917
@alex-1917
Если ответ помог, отметь решением
Видел людей,которые почти на автомате творят красоту(сайт,рисование итд)

именно эти люди ни черта не смыслят в верстке и программинге. И не собираются влазить в это)))

Человек-оркестр был возможен лет 15 назад. Щас насыщение каждой профессии таково, что человек-оркестр физически нигде не успеет.
Или успеет. Г-сайты таки до сих пор кто-то клепает)))

Я вам скажу за ваш вопрос: ЗАБЕЙТЕ
Ответ написан
@zano3adev
Web Dev
Рекомендую: Дизайн для НЕдизайнеров, Робин Вильямс
Ответ написан
mixail_fet
@mixail_fet Куратор тега Дизайн
Дизайнер веб-интерфейсов
Веб разработка + дизайн, очень плохая идея. Мало того, что там и там вам нужно постоянно подпитывать новую информацию, так еще, там и там нужен очень глубокий опыт. Эти профессии не зря разделяют, и лучше не делать то и другое одному человеку.
Ответ написан
idzenski
@idzenski
Главный за любовь к клиентам в uix.one
Копируйте чужие сайты, пытаясь слегка видоизменят. Понимание приходит с опытом.
Ответ написан
Полезно перерисовать макеты сайтов, которые нравятся — это не так просто, как кажется, и помогает понять некоторые закономерности. Такой подход рекомендует, например, Сергей Сурганов — бывший дизайнер Медузы.

На вопросы типа "Как подобрать цвета?" давно существует много статей с рекомендациями на Medium. Ещё есть сайт с русскими переводами статей про UI.

Вместо Лебедевского бизнес-линча (это больше про развлечение, чем про пользу) рекомендую читать советы Бюро Горбунова.

У нас люди очень любят топить за узкую специализацию: пишут, что разработчик не должен лезть в дизайн и наоборот. Но есть множество примеров, когда человек успешно совмещает оба направления, добиваясь хорошего результата. Тот же Сурганов с Notion, Meng To (автор Design+Code), Joshua Davis (немного из другой оперы, правда — про creative coding). Генералистов никто не отменял, и это здорово.
Ответ написан
Sanes
@Sanes
!
Копипастить идеи никто не запрещает. Разуметтся не до фанатизма. Сдержанное деловое оформление сделать проще простого. Отдельно заказывать фото и баннеры, от них зависит 90% восприятия.
Придерживайтесь простого правила, не более трёх основных цветов.
Обычно фон, primary, secondary.
В номом UIKIT 3 по этому пути пошли. В отсутствии вкуса их обвинить точно нельзя.
Ответ написан
dom1n1k
@dom1n1k
Выше уже упомянули про "насмотренность".
Нужно пересмотреть много красивых образцов и займет это несколько лет. По ходу этого процесса в голове будет происходить анализ - как минимум неосознанный, хотя осознанный гораздо лучше.
Под образцами я подразумеваю не только сайты, но и искусство в широком смысле - вплоть до классической живописи и кованных решеток позапрошлого века.
Ответ написан
noys
@noys
красноглазик
1. adobe kuler - подбор цветов
2. templatemonster.com - смотрите удачный макет и по мотивам создаете свой (цвета, тип верстки)
3. fontstorage.com - веб шрифты
4. pixabay.com - бесплатный фотобанк для шапки/слайдеров

достаточно сделать два-три сайта и появится небольшой скилл, потом вдохновляться, практиковаться и все получится.
Ответ написан
Madeas
@Madeas
UX/UI designer | Frontend developer
Посмотрите работы студий, частных дизайнеров. Найдите для себя интересные/красивые элементы и пробуйте реализовать. А вообще, это либо дано, либо нет. Возможно, это не ваше направление.
Ответ написан
@Trikita
https://youtu.be/Z_kMGHypUVA
Как пример поиска цветовых решений.
https://www.youtube.com/user/mackenziechild
Дизайнер, который иногда кодил, включая Rails приложения. Без тестов и достаточно просто, но все-же.
Ответ написан
KeySVG
@KeySVG
аниматор svg / html5
У заказчиков так то же вкуса нет в большинстве своем, я вам скажу. Некомплексуйте.

А так, если все таки решили упорствовать, у дизайнеров есть такая метрика: насмотренность. Вот ее и прокачивайте. Начинайте утро и заканчивайте вечер с листинга свежих дизайнов на Behance, Pinterest и т.п.
Ответ написан
ant38
@ant38
UX-дизайнер
Как делал я: открывал «Pinterest» и искал «web design» там часто попадаются крутые сайты, потом, когда делал проект для заказчика, то пытался взять плюшки, которые понравились в свою работу) попробуйте)

а вообще вкус формируется от насмотренности, больше будете смотреть дизайна — лучше вкус
Ответ написан
pospelov
@pospelov
Руководитель веб-студии
Рекомендую
- Книгу "100 правил хорошего дизайна" - это фундамент, база, что бы понимать почему именно один дизайн нравится, а другой нет. Что бы исключить ошибки
- Статьи из раздела "дизайн" на cmsmagazine, здесь можно узнать много отраслевых фишек, у вас сформируется понимание, как дизайн, маркетинг и сайт связаны, и как они влияют на бизнес-задачи заказчиков.
- Регулярно читайте бизнес-линч от Лебедева, оно позволяет развивать вкус, системно
Ответ написан
anton_tikhonov
@anton_tikhonov
Сам не дизайнер, но помогла книга Основы Web-Дизайна. Руководство. Рафал Томал
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы