Дизайн интерфейса ... часть дизайна, а не интерфейс - PullRequest
0 голосов
/ 17 сентября 2011

Я веб-разработчик, и я быстро осознаю, что мой самый большой недостаток, как веб-разработчика, - это когда дело доходит до дизайна интерфейса.

То есть фактическое отображение интерфейса красивым и чистым.Я очень хорош, когда дело доходит до креативных UI-решений, проблема в том, чтобы UI выглядел красиво.

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

1 Ответ

1 голос
/ 17 сентября 2011

Я потратил много времени на это.Я обнаружил, что большинство дизайнерских процессов - это 5-10% науки и 90-95% интуиции, но это не значит, что за их деятельностью нет науки и принципов.Часто блоги дизайнеров будут сосредоточены на этой науке, так как часто это та часть, которая отсутствует для реальных дизайнеров.Я очень рекомендую http://www.smashingmagazine.com/, http://www.alistapart.com/, и http://webdesignerwall.com/ как хорошие места для старта.

Большая часть дизайна - это вдохновение / воровство (в зависимости от того, кого вы спрашиваете)).Начните обращать внимание на ваши реакции, когда вы посещаете сайты.Когда вам нравится то, что вы видите, спросите себя, почему?Создайте папку с закладками для сайтов, которые вам нравятся, и, если вы хотите создать что-то новое, найдите их для вдохновения.Все творческие профессионалы делают это в той или иной форме, это не срывается (если вы не копируете оптом), и на самом деле реализация идеи - трудная часть.

Для современного веб-дизайна большая его часть - это минимализм и человеческий фактор, которые исходят от UX.Думай тонко, думай о чистоте, думай о пригодности к употреблению.Большая часть работы дизайнеров - делать важные вещи очевидными, не теряя деталей.Для этого вы хотите прочитать о таких вещах, как визуальная иерархия.Огромная часть современного веб-дизайна - это хорошая типография.Некоторые основные правила: вам нужно от 12 до 15 слов на строку, а высота строки должна быть примерно в 1,5 раза больше высоты текста.Кроме того, вам нужен текст без засечек (то есть шрифты, у которых нет ног внизу).С прошлого года или около того, поддержка веб-шрифтов стала действительно хорошей практически для всего, и это действительно открыло то, что вы можете сделать.Есть несколько очень качественных дизайнерских шрифтов с бесплатными лицензиями на встраивание (например, отличные вещи из http://www.exljbris.com/), и отличные инструменты для генерации межплатформенных пакетов шрифтов (например, http://www.fontsquirrel.com/fontface/generator).

Что касается книг,Я прочитал кучу, но на самом деле не нашел столько выдающихся людей, которые были бы лучше, чем материал, который вы читали в журнале «Разрушение» или в отдельном списке. Я очень рекомендую http://www.uxbooth.com/blog/a-simple-usable-book-review/, и http://www.lukew.com/resources/web_form_design.asp для всехкто отвечает за работу переднего конца, но оба более ориентированы на UX.

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

...