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

Question

[Дархан]

Доброго времени суток.
Научился создавать сайты на основе чьих-то PSD макетов, но когда начинаю создавать сайт с нуля "из головы" выходит довольно "уродливое" творение.
Видел людей, которые почти на автомате творят красоту (сайт, рисование и т.д.)
Как научиться подбирать цвета? Как делать действительно классные решения приятные глазу?
Может кто-то поделиться личным опытом или подкинет полезную литературу.
Знаю про вариант совместной работы с дизайнером, но хотелось бы обладать таким навыком самому.

Comments

[Толстый Лорри]

Не все сайты и веб-приложения требуют дизайнерский интерфейс. Он всегда должен быть удобным и функциональным, это может обеспечить любой пряморукий инженер. А относительные понятия, вроде красоты и интуитивности - это уже работа UX-дизайнера.

[BelkaStrelka120]

Я графический дизайнер. С рождения что то творила своими руками: раскрашивала стены, рисовала, лепила, вязала... У меня и в роду и мама и бабушка креактивные. И мои девочки запросто могут смастерить что то с нуля, вдохновившись просмотром в ютуб: оригами, макраме, резка.... Сотворить торт или сшить что то... При всем этом я их не учила. Все сами. И меня не учили. Все сама. Где то увидишь идею... а дальше свое воображение и ручки.
Я это все к чему говорю... Дизайнером рождаются ))

[Филипп Бондарев]

BelkaStrelka120, ничего подобного. "Гений — это один процент вдохновения и девяносто девять процентов пота."

[BelkaStrelka120]

Филипп Бондарев, верно )) Но, если нет предласположенности, тренероваться будет не в вайф, а в мучение.

Answer 1

[Сергей delphinpro]

Не согласен с предыдущими ораторами. Фронтэндер должен обладать хотя бы минимальным "чувством прекрасного". Также не согласен с тезисом, что "это либо дано либо нет".

Возьмите книжек по UI и UX и просвещайтесь.

Comments

[tema_sun]

Абсолютно верно. Дано или не дано определяется исключительно количеством времени потраченным на занятие.

[Михаил Проскурин]

Одно дело минимальным "чувством прекрасного", другое дело - изучение веб-дизайна как дополнительной области, чтобы делать сайты под ключ.

[Сергей delphinpro]

Михаил Проскурин, а нормальный сайт вообще можно сделать "под ключ" в одно лицо? Исключая варианты типа скачать тему под вордпресс, настроить плагины и в продакшн.

[Wentixon]

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

[Ezhyg]

Wentixon, "сапожник без сапог"

[АртемЪ]

Ezhyg, А причем тут сапожник и сапоги? Программист код пишет - при чем тут дизайн?

[twwebrus]

АртемЪ, при том, что такой программист никому не нужен на полноценные проекты. Ни во фрилансе, ни в офисах. Максимум мелкие задачи по бэку. Толку от сайта, если фронт кривой и клиенты будут обходить его?

[Ezhyg]

АртемЪ, потому что дизайн это не только и не столько неопределённая "красота", сколько вся совокупность. То есть это ближе к инженерному (промышленному) дизайну, где нужны не только качественная деталь/прибор, не только его удобство изготовления и прочее, но и не отталкивающий внешний вид. Пусть и не всегда.

[АртемЪ]

Ezhyg, Дизайн это дизайн - внешний вид.
А программист делает техническую реализацию задуманного дизайнером.

[Ezhyg]

АртемЪ, нет, внешний вид это внешний вид :P он может быть частью дизайна, а может и не быть.

Answer 2

[Александр Аксентьев]

Научился создавать сайты на основе чьих-то PSD макетов,но когда начинаю создавать сайт с нуля "из головы" выходит довольно "уродливое" творение.

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

Собрать интерфейс админки из фреймворка css например можно и без дизайна, но опять же надо руку набить и понимать что к чему, а не лепить кашу малашу. Только опыт наработанный в этом поможет.

Answer 3

[alex-1917]

Видел людей,которые почти на автомате творят красоту(сайт,рисование итд)

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

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

Я вам скажу за ваш вопрос: ЗАБЕЙТЕ

Comments

[Andrej Sharapov]

согласен с вами, хотя судя по вакансиям, работодатели все чаще хотят видеть все в одном лице) Возможно, из-за не понимания важности разбиения. Но боюсь, мы скоро к этому придем

[Sanes]

Andrej Sharapov, некоторые операции заменяются готовыми решениями, которые требуется немного отредактировать. Глубокие знания не нужны.

Answer 4

[zano3adev]

Рекомендую: Дизайн для НЕдизайнеров, Робин Вильямс

Comments

[Антон Теплоухов]

+1

Answer 5

[Михаил Проскурин]

Веб разработка + дизайн, очень плохая идея. Мало того, что там и там вам нужно постоянно подпитывать новую информацию, так еще, там и там нужен очень глубокий опыт. Эти профессии не зря разделяют, и лучше не делать то и другое одному человеку.

Comments

[Александр]

Разделяют еще потому, что дизайнер-разработчик пытается упростить себе работу за счет Ux

Answer 6

[Илья Дзенски]

Копируйте чужие сайты, пытаясь слегка видоизменят. Понимание приходит с опытом.

Comments

[Sanes]

Жесть.

[Антон Теплоухов]

Sanes, это не жесть, а самый правильный совет

[Sanes]

Антон Теплоухов, паранойя?

Answer 7

[Антон Теплоухов]

Как делал я: открывал «Pinterest» и искал «web design» там часто попадаются крутые сайты, потом, когда делал проект для заказчика, то пытался взять плюшки, которые понравились в свою работу) попробуйте)

а вообще вкус формируется от насмотренности, больше будете смотреть дизайна — лучше вкус

Comments

[Антон Теплоухов]

а еще посмотрите «Photoshop Battle» на канале «Skillbox»

Answer 8

[Дмитрий Гурьев]

Полезно перерисовать макеты сайтов, которые нравятся — это не так просто, как кажется, и помогает понять некоторые закономерности. Такой подход рекомендует, например, Сергей Сурганов — бывший дизайнер Медузы.

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

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

У нас люди очень любят топить за узкую специализацию: пишут, что разработчик не должен лезть в дизайн и наоборот. Но есть множество примеров, когда человек успешно совмещает оба направления, добиваясь хорошего результата. Тот же Сурганов с Notion, Meng To (автор Design+Code), Joshua Davis (немного из другой оперы, правда — про creative coding). Генералистов никто не отменял, и это здорово.

Answer 9

[Sanes]

Копипастить идеи никто не запрещает. Разуметтся не до фанатизма. Сдержанное деловое оформление сделать проще простого. Отдельно заказывать фото и баннеры, от них зависит 90% восприятия.
Придерживайтесь простого правила, не более трёх основных цветов.
Обычно фон, primary, secondary.
В номом UIKIT 3 по этому пути пошли. В отсутствии вкуса их обвинить точно нельзя.

Answer 10

[dom1n1k]

Выше уже упомянули про "насмотренность".
Нужно пересмотреть много красивых образцов и займет это несколько лет. По ходу этого процесса в голове будет происходить анализ - как минимум неосознанный, хотя осознанный гораздо лучше.
Под образцами я подразумеваю не только сайты, но и искусство в широком смысле - вплоть до классической живописи и кованных решеток позапрошлого века.

Answer 11

[noys]

1. adobe kuler - подбор цветов
2. templatemonster.com - смотрите удачный макет и по мотивам создаете свой (цвета, тип верстки)
3. fontstorage.com - веб шрифты
4. pixabay.com - бесплатный фотобанк для шапки/слайдеров

достаточно сделать два-три сайта и появится небольшой скилл, потом вдохновляться, практиковаться и все получится.

Comments

[Виолетта Морозова]

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

Answer 12

[Andrej Sharapov]

Посмотрите работы студий, частных дизайнеров. Найдите для себя интересные/красивые элементы и пробуйте реализовать. А вообще, это либо дано, либо нет. Возможно, это не ваше направление.

Answer 13

[Андрей]

У заказчиков так то же вкуса нет в большинстве своем, я вам скажу. Некомплексуйте.

А так, если все таки решили упорствовать, у дизайнеров есть такая метрика: насмотренность. Вот ее и прокачивайте. Начинайте утро и заканчивайте вечер с листинга свежих дизайнов на Behance, Pinterest и т.п.

Answer 14

[Максим Поспелов]

Рекомендую
- Книгу "100 правил хорошего дизайна" - это фундамент, база, что бы понимать почему именно один дизайн нравится, а другой нет. Что бы исключить ошибки
- Статьи из раздела "дизайн" на cmsmagazine, здесь можно узнать много отраслевых фишек, у вас сформируется понимание, как дизайн, маркетинг и сайт связаны, и как они влияют на бизнес-задачи заказчиков.
- Регулярно читайте бизнес-линч от Лебедева, оно позволяет развивать вкус, системно

Comments

[Виолетта Морозова]

Эта книга? https://nutschool.com/wp-content/uploads/2017/09/1...

[Максим Поспелов]

Виолетта Морозова, да!

Answer 15

[Антон]

Сам не дизайнер, но помогла книга Основы Web-Дизайна. Руководство. Рафал Томал