Я умеренно способный веб-разработчик. Я могу поместить вещи туда, куда я хочу, и поместить туда некоторые JQuery, если мне это нужно. Однако, если я делаю свой собственный сайт (который я начинаю делать), я понятия не имею, как его создать. Если бы кто-то сидел рядом со мной, указал на экран и сказал: «Поместите эту картинку туда, напишите туда», я могу сделать это довольно легко. Но дизайн моего собственного сайта с моим выбором цветов и текста будет выглядеть так, как будто его изобрел малыш.

Кто-нибудь знает какие-либо веб-сайты / книги, на которые я могу посмотреть, или кто-нибудь получил какие-либо советы по основам веб-дизайна не для малышей?

У вас есть несколько дел.

Подсказки:

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

Посмотрите на профессионально разработанные сайты. Какие сайты вы посещали, чтобы они выглядели хорошо для вас?

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

Кроме того, как только вы начнете овладевать этим, практикуйтесь, практикуйтесь, практикуйтесь. Графика требует времени, чтобы развиться как навык, особенно от программиста, который должен учитывать кодирование. (Градиенты против "мозаичности")

Инструменты:

(Photoshop - личный фаворит. Paint.NET - хорошая альтернатива Windows, но не такая мощная.)

Система сетки 960 Натана Смита . Он имеет шаблоны для многих основных графических программ. Проверьте это.

Ссылки:

Посмотрите на некоторые из этих сайтов: (Я видел больше, я постараюсь добавить, как я сталкиваюсь с ними)

• Список отдельно
• Джон Маккейн
• BarackObama.com
• Hayon2010.com (Хорошо, я сделал это, но я думаю, что это хорошо. Edit: я тоже буду благодарен за комментарии. ;-D)

Практическая сторона

Определенно есть некоторые практические пошаговые аспекты дизайна, которые важно изучить. Не все субъективно.

   • Учебники по веб-дизайну: http://webdesign.tutsplus.com/

   • Учебные пособия по Photoshop: http://psd.tutsplus.com/

   • Тонны учебников: Линда

вдохновение

   • Веб-сайт: непревзойденный стиль

   • Веб-сайт: Abduzeedo

   • Книга: Руководство для успеха в Интернете

   • Веб-сайт: Smashing Magazine

Навыки дизайна

Генеральный Дизайн

   • Книга: Графический дизайн: новые основы

   • Книга: графический дизайн, ссылки

   • PDF: Большая четверка: контраст, повторение, выравнивание, близость

Типография

   • Книга: мышление с типом

   • Книга: элементы типографского стиля

   • Статья: http://en.wikipedia.org/wiki/Typography

   • Статья: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

раскладка

   • Книга: макетная книга

цвет

   • Книга: цветная рабочая тетрадь

   • Книга: Цветовая Гармония Рабочая тетрадь

Философия дизайна

«Самая глупая ошибка - рассматривать дизайн как нечто, что вы делаете в конце процесса, чтобы« привести в порядок »беспорядок, а не понимать, что это проблема« первого дня »и часть всего». Том Питерс

«Хороший дизайн делает пользователя счастливым, а производитель - черным, а эстет - без обид». -Реймонд Лоуи

«Действительно элегантный дизайн включает в себя первоклассную функциональность в простой, незагроможденной форме». Дэвид Льюис

«Хороший дизайн - это хороший бизнес». Томас Дж. Уотсон-младший

Больше цитат

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

Огилви о рекламе: эта книга охватывает некоторые основы графического дизайна, а также много здравого смысла при создании любых листовок, рекламных объявлений и т. Д., Даже если они были написаны задолго до эры www.

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

Еще одна хорошая книга в этом пространстве - «Дизайн вечных вещей». Он охватывает множество практических идей, таких как предпочтение дизайнов, которые легко использовать, используя преимущества естественного подхода людей к новому. Книга посвящена не только пользовательскому интерфейсу или веб-дизайну, но, на мой взгляд, немного об этом рассказывает.

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

Одним из инструментов, который я считаю бесценным в дизайне, является Color Scheme Designer . Обычно я выбираю цвет, который хотел бы использовать для дизайна, а затем использую схему «Аналог», чтобы получить хороший набор подходящих цветов. На мой взгляд, правильная цветопередача - это худшая часть, так что после этого остальное просто получает приятный макет и применяет ограниченную палитру цветов.