Где взять литературы по дизайну сайтов?

Question

[Serjabos]

Эх сейчас бы крутой литературы или статейек по дизайну сайтов , что-нибудь по сочетаемости цветов , шрифтов . В общем , чтоб прочитал книгу , и начал рисовать самые красивые макеты в ФОТОШОП'e.
P.S. Я верстальщик

Answer 1

[tef]

Всё что нужно что бы быть веб-дизайнером, это нужно быть верстальщиком. Все существующие книги по этой теме корнями уходят в субъективность отдельного человека. С практической точки зрения они бесполезны.
Алгоритм такой. Думаешь над дизайном, открываешь фотошоп, думаешь "сейчас будет охуенно", получаешь корявую хрень. Так пять или шесть раз. На седьмой раз получается не то, что хотел но симпатично. И если быть достаточно упорным и повторят так из раза в раз, то в конечном итоге этот алгоритм превратиться в: Думаешь над дизайном, открываешь фотошоп, думаешь "сейчас будет охуенно", на выходе получается охуенно и так как хотел. А иногда не так как хотел, но всё равно охуенно.
Всё. Другого пути нет.
Если ты не верстальщик и нарисовал красивую картинку, то я практически на 100% уверен, что в браузере она будет выглядеть либо ужасно, либо это просто нельзя будет использовать. Либо вы можете не знать вёрстки, но у вас есть добрый друг или коллега опытный верстальщик, который подскажет что можно, а что нельзя тогда этот вариант приемлем.
Так же, хочу заметить, что часто дизайн делается минуя фотошоп.

Comments

[tef]

Так же тебе все "гуру" будут советовать обязательно прочитать Рудера или Основы стиля в типографике. Не слушай ни кого. Этих книг ни кто не читал, а иногда мне кажется, что даже ни кто хотя бы не пролистал. Для не типографа они бесполезны.

[vaux]

tef: но ведь дизайн и типографика тесно связаны между собой. Как можно называть бесполезным один из инструментов дизайна?

[tef]

vaux: Ок. Прочитайте основы стиля. Как только ощущение, что вас нае$$ли перерастёт во что-то большее чем просто подозрение, возвращайтесь, обсудим. Эти книги для типографов, но не для веб дизайнеров. Если вам всё же лень читать, вот вам краткий пересказ: Используйте таблицу пропорций, в которой говориться, что текст заголовков примерно на 2-3 пункта больше основного текста. Конец. Это всё, что там прочитает веб дизайнер.

[Сергей Некрасов]

tef: Я прочитал Рудера и ничуть не пожалел, хоть и занимаюсь версткой. Такие узкоспециализированные книги надо читать, тем более дизайнеру. Это все равно, что Вы бы сказали не читать книг по Java Script человеку, который хочет стать Web-разработчиком.

[tef]

Сергей Некрасов: А я читал книгу по кулинарии недавно и занимаюсь вёрсткой. И ни чуть не пожалел. Торт получился отменный. Я серьёзно, мой ответ ни чуть не уступает вашему. Если у вас есть время на бородатые труды, знания из которых могут применить только печатники, то саморазвитие, это, конечно, вам в плюс. Но к веб дизайну отношения никакого не имеет. Как и к любому другому дизайну, кроме печатного. Но справедливости ради, нужно сказать, что типографика в веб дизайне всё-так есть. И информация о ней уместится на половину половины листочка А4.

[tef]

При этом две трети из этой половины буду весьма очевидными.

[superflou]

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

Answer 2

[makhmutov]

Я думаю что вам стоит изучить книгу "Веб дизайн от Якоба Нильсена: Не заставляйте меня думать!"
Она вечная.

Comments

[Олег Ободин]

Не заставляйте меня думать написал Стив Круг или я что-то путаю?

[makhmutov]

saintpat: верно, Нильсен написал другую книгу в этом издании

Answer 3

[Main_Loner]

Как по мне так лучше делать упор на литературу по UX и UI, также можно про психологию покупателей почитать, ну и не забывать про советы с goodui.org.

Answer 4

[FRiMN]

Если вы верстальщик, то должны знать, что вам это не нужно. Отберите для себя группу сайтов с дизайном, который вам нравится, с функционалом, который вам нравится. Посмотрите, как это всё устроено и проанализируйте. Это всяко лучше, чем литература. Она может понадобиться только в случае подчерпнуть терминологии, либо каких-то нетривиальных фишек, которые в ваших руках скорее всего не выстрелят.

Answer 5

[Eleonore]

Многие отвечают про вёрстку, автор топика вроде хочет модные дизы макетов делать, безотносительно вёрстки.
Где взять литературу? Вы как будто за китайской стеной :D Либо на озонах, либо на всем известных сайтах (дай бог им не болеть).
ИМХО: сегодня книги дополнение, не первоисточник; (не всегда, но) часто проигрывают видеокурсам. В видюшках (хороших) инфа сжата, конкретна, лучше усваивается. Статьи да, тут просто подпишитесь на рассылки популярных web-ресурсов (если не смущает английский). Например:
https://medium.com/@erikdkennedy/7-rules-for-creat...
https://medium.com/@erikdkennedy/7-rules-for-creat...
Хороший общий курс по дизайну на Codeschool (могу скинуть).
Возможно, правильнее всего - набивать глаз (dribbble, behance и тп). Просматривать макеты, сохранять понравившиеся. Сначала "воровать" идеи. Для стандартных лендингов достаточно насмотреться примеров и набить руку.
P/s реально нет такой одной книги. можно запомнить "классику" и везде применять Helvetica Neue и комплементарные цвета, но вам тут же скажут, это шаблонно и не творчески. Экспериментируйте.

Answer 6

[Сергей]

Ну, я не дизайнер, но, наверное, хорошо бы почитать ководство от Лебедя. Знать что такое модульная сетка и золотое сечение. Как верстальщику, я думаю, этого достаточно. Вся суть верстки - сделать максимально близко к макету, соблюдая все интервалы и расстояния, кроссбраузерно и максимально валидно. Плагины firebug и pixel perfect - маст хэв при этом. Но опять же, я НЕ дизайнер. Развиваться верстальщику надо не в дизайн, а в фронтэнд программирование, имхо, поэтому надо начинать учить разные js и css фрэймворки и библиотеки (jquery, mootools, bootstrap, less и т.п.)

Comments

[tef]

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

[vaux]

tef: вы так пишите, будто фрейворки - это что-то из разряда rocket science, хотя на самом деле там ничего такого, что требовало бы тратить сколь значимое количество времени на изучение. Стать спецом и в дальнейшем разрабатывать фреймворки - да, нужно больше времени. Изучить и использовать - год-два. Можно и быстрее, лишь бы желание было.

[tef]

vaux: Ваши гипотетические доводы хорошо впишутся в какой нибудь любовный роман. Суть профессии там не так важна. Освойте Ангуляр, ага. Потом возвращайтесь сюда и напишите комментарий. Ангуляр, кстати, бесполезен, а иногда абсурден. Сама идея оторвана от реальности. Поэтому моежете не следовать моему совету. Но так или иначе вас обязательно отпустит от массовой эйфории эдак через 6-7 месяцев работы с ним.
Потом освойте остальной миллион фреймворков на js, который к тому моменту будут уже не актуальны, и остальных технологий, которые позволяют делать жизнь "проще". Ведь все же знают, что они делают жизнь проще. Везде ведь об этом пишут. Так же жадно осваивайте все, как их называют, методологии. Вам они обязательно пригодятся. Всё это обязательно сделает джаваскрипт быстрее, разработку удобнее, а поддержку настолько простой, что любой человек, заснувший на клавиатуре, моментально улучшит код...

[Сергей]

tef: С jquery я ознакомился дня за 3, бутстрап за два дня. Учить не в смысле учить на изусть все подряд, а знать что и как, откуда берется, знать где открыть мануал на нужную тему. Я не знаю всех классов бутстрапа, к примеру, но я могу найти любой нужный за 20 секунд. А при постоянной работе 90% легко запоминается.

[FRiMN]

Модульная сетка для верстальщика ценна только для специфических проектов. Далеко не всегда есть смысл её использовать. Не всегда дизайнеры строго ей следуют, что вызывает батхёрт у верстальщика. Про js и любой другой скриптовый язык программирования широкого назначения согласен -- это всегда полезно. Про css фреймворки -- против, лучше написать свой.

Answer 7

[Вячеслав Абрамов]

Привет! Достаточно много литературы полезной выкладываю!

https://www.facebook.com/vomarba.designer?pnref=lhc

Answer 8

[Anton_Gorodezkiy]

Некропостинг конечно, и возможно оффтопик. Но для подбора сочетаний цветов я использую палитры с colorlovers.com и такой вот инструмент www.colourlovers.com/copaso/ColorPaletteSoftware
Сам по себе - не дезайнер