Как вы можете научиться дизайн красивых веб -сайтов? [закрыто

softwareengineering.stackexchange https://softwareengineering.stackexchange.com/questions/558

  •  16-10-2019
  •  | 
  •  

Вопрос

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

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

Это было полезно?

Решение

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

Советы:

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

Посмотрите на профессионально спроектированные сайты. На каких сайтах вы были красиво для вас?

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

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

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

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

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

Использованная литература:

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

Другие советы

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

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

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

• Учебники Photoshop: http://psd.tutsplus.com/

• Тонны учебных пособий: Линда

Вдохновение

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

• Веб-сайт: Абдузидо

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

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

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

Общий дизайн

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

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

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

Типография

• Книга: Думать с типом

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

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

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

Макет

• Книга: Рабочая книга макета

Цвет

• Книга: Рабочая книга по дизайну цветов

• Книга: Рабочая книга по цвету гармонии

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

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

 

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

 

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

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

Больше цитат

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
scroll top