Как придумать красивый дизайн

20 шагов к идеальному дизайну сайта

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

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

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

1. В первую очередь изложите свои мысли на бумаге

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

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

2. Начинайте с эскизов элементов верхнего уровня

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

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

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

3. Используйте сетку в вашем PSD

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

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

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

4. Подбор шрифтов

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

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

Не бойтесь использовать большие шрифты, и в целом подходите к этому вопросу творчески, но последовательно.

5. Выбор цветовой гаммы

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

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

В качестве примера можно взять такие сайты, как Facebook , Twitter , Quora и Vimeo .

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

6. Разделяйте структуру сайта

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

На самом деле не нужно размещать огромное количество панелей перехода к другим разделам — все должно быть подчинено идеологии « Что я могу сделать здесь? ».

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

7. Переосмысление привычных элементов

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

Шаблоны проектирования и конвенции применяются в веб-разработках, потому что они работают.

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

8. Бросайте себе вызов

Я призываю каждого дизайнера в каждом проекте бросать вызов самому себе. Инновации не всегда привносятся, когда без них проект не может быть реализован.

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

9. Уделяйте внимание деталям

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

Это может быть небольшое взаимодействие, неожиданное анимационное решение или эстетический штрих в виде рамки маленькой кнопки или мелких декоративных элементов в фоновом изображении страницы.

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

10. Оттачивайте каждый компонент, так как из этих кирпичиков складывается общий дизайн проекта

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

Иногда дизайнеры откладывают доводку некоторых частей сайта в долгий ящик, и только в конце, если остается время, уделяют им немного внимания.

11. Работайте над четкостью и читаемостью элементов

Кроме эстетики, есть чисто практические причины обеспечивать четкость и корректность элементов.

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

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

12. Приводите в порядок ваши PSD

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

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

13. Рассчитывайте на лучшее, но будьте готовы к худшему

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

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

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

Это дает возможность раскрыть все преимущества проекта. Поэтому нам нужно показать идеальное количество текста на странице сайт в идеальном окне браузера — это будет наиболее распространенным сценарием для большинства пользователей нашего сайта.

14. Углубляйтесь в проектирование так глубоко, пока это не будет вызывать у вас ненависть

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

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

Отсутствие восхищения своим проектом является признаком зрелости. Это значит, что вы уже можете учиться на своих собственных ошибках.

15. Старайтесь как можно быстрее достигнуть общего видения с клиентом

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

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

16. Станьте лучшим другом для девелопера

Зачастую их участие заканчивается в том момент, когда окончательная концепция утверждена и их творческое видение более не нужно. Я считаю такое положение дел неправильным, так как очень часто отличные идеи исходят именно от команды девелоперов.

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

17. Презентация: поясните мне все так, как будто я ребенок четырех лет

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

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

18. Любите каждую свою идею, но не слишком увлекайтесь ею

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

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

19. Отслеживайте развитие своего дизайна в течение всего процесса жизнедеятельности сайта

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

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

20. Делитесь с общественностью информацией по ходу разработки вашего проекта

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

Таким образом, вы внесете свой вклад в развитие сетевого сообщества, а взамен получите ценные отзывы от его участников.

Источник

10 советов как самостоятельно создать хороший дизайн в квартире

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

Марк Азаров, автор

Хорошая новость в том, что при помощи небольших хитростей вы сами сможете эстетично обустроить своё жилище, что даже друзья будут вам завидовать. Советы, которыми вы можете воспользоваться уже в самое ближайшее время:

Штукатурка стен

Хотите красивую отделку стены при минимальном финансовом вложении? Тогда просто оштукатурьте стены в той части помещения, которая вам нравится, а затем просто покройте её тонким слоем краски. Очень хорошо такой дизайн будет смотреться в ванной комнате или на кухне.

Убрать дефекты отделки

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

Маскировка неровностей

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

Расстановка мебели

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

Визуализируйте всё заранее

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

Цветовая гамма

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

Форма мебели

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

Освещение

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

Объём

Если вы хотите, чтобы комната смотрелась объёмнее, то используйте обои светлых оттенков и мебель тёмного цвета. Таким образом, визуально помещение будет выглядеть большим. Тёмные обои, наоборот, «съедают» часть пространства, поэтому их не рекомендуется использовать в гостиной или на кухне.

Плинтусы

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

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

Источник