Загрузка. Пожалуйста, подождите...
Важность наличия хорошей основой относится к почти всем в жизни.Если фундамент не так, все, что положить на нем, возможно, неудачно. В веб-дизайн, фундамент макета. Разбивку веб-дизайн предполагает того, чтобы все содержание и элементы навигации. Вы хотите, чтобы установить иерархию этих элементов, что дает наиболее важные из них внимания, и это должно определяться тем, как вы считаете, ваша аудитория будет использовать сайт.
Общей практике, веб-дизайнеры, чтобы закрепить макет создать каркас, который в основном скелетное представление различных элементов, которые появятся на этой странице. Каркасов, как правило, из серой коробки масштаба и блоков замещающий текст.Ключ должен держать вещи простыми, а не увязнуть в цвет и элементы дизайна.
Джесси Беннетт-камергер 31Three велика о публикации его конструкции процессов на своем блоге. Вот пример каркасно он создал Embrace Pet сообщества проекта.
Одним из ключевых аспектов большой макет больше о том, что в между (или, скорее, не между ними) различных элементов страницы. Я говорю о пробелами или негативном пространстве. Многие дизайнеры делают ошибку за вытеснения их конструкции Интернете.Не бойтесь, чтобы ваши страницы дышать. Добавление большего количества пробелов действительно дать вашу конструкцию более изысканный вид.
Что так много происходит в расположение Swish жизни , Лиам Мак-Кей понял, как важно использовать широкие поля вокруг содержимого дать этот проект открытым и светлая атмосфера делая ее легко скользят весь текст. Обратите внимание, насколько пустого пространства вокруг блоков контента. This makes it easier for the user to focus in on what's important. Это облегчает для пользователя сфокусироваться на том, что важно.
Мутант Labs является еще один пример эффективно использовать пробелы. Он дает этот темный дизайн открытым и позволяет чувствовать тонкие текстуры доски мел и рисунками комнату, чтобы показать до конца.
Каркасов Журнал является блоге написана информации архитекторов и дизайнеров, взаимодействие имеет много информации, и примеры верстки и wireframing.
Так же, как макет, типография играет важную роль в том, как пользователь дайджесты содержание веб-сайта. Это важно для типографии веб-дизайна, чтобы легко читать и следовать при установлении структуры и иерархии в содержании.
31Three использует все крышки и большой размер шрифта для заголовков и подзаголовков. Это устанавливает четкую иерархию, которая отличает заголовки, имеющие большее значение, чем этот пункт ниже.
Используя высокий контраст между текстом и фоном, Dan Седерхольм сделал текст на Simple Bits очень легко читается. Также обратите внимание на количество межстрочный интервал, используемых в пунктах. Всегда убедитесь, использовать достаточно, чтобы сделать тело текст легко читается. Это обычно требует некоторого опыта, но хорошее правило заключается в установлении линии высоты 1,5 пробела, что в 1,5 раза больше, чем размер шрифта.
Если вы хотите узнать больше о типографии, мы составили список большие сайты на эту тему , и мы также многое список инструментов, которые помогут вам типографии в Интернете .
Правильный выбор цветовой схемы является чрезвычайно важным, потому что это настроение вашего дизайна больше, чем любого другого компонента. Не позволяйте вашим личным вкусом определить, какие цвета вы используете. Это должно быть основано на том, что пытается быть достигнуто с сайта и что вы знаете о его аудитории.
Гэп Медики возможности сайта смелый выбор цветов, которые идут вразрез все, что мы привыкли видеть на медицинские сайты. Это целесообразно, поскольку сайт пытается привлечь молодых студентов-медиков. Цвета помочь этому сайту молодых чувствуют бедра, которое смягчает серьезность вопроса.
Carsonified в основном использует только два цвета. Темно-коричневый и белый сливочный комплимент в стиле ретро плакатов и элементы дизайна. Иногда минимальным цветовая палитра все, что вам нужно.
Компании Adobe Kuler это сообщество инициативе веб приложение, которое позволяет просматривать ваши цветовых палитр, созданных другими. Вы также можете создавать свои собственные с помощью цветового круга, гармонии правил и цвет ползунков. Есть и другие инструменты, чтобы помочь вам выбрать правильный цвет .
Здесь вы можете иметь много удовольствия с дизайном. Ваше творчество может идти дикой природы здесь с текстурой, иконы, картины и т.д. Однако, имейте в виду, что элементы дизайна также играют большую роль в создании настроения конструкции. Так держать вещи в соответствии с целями веб-сайта и его аудитории. Также имейте элементы дизайна в соответствии с трех других компонентов мы уже упоминали.
Конструктор красного бархата искусства сделали отличную работу, используя тот же стиль рисованной на различных элементов дизайна. Обратите внимание, как значки, фоновый рисунок и рисунками работать все вместе. Последовательности и потоков до типографии и схема ретро цвета.
Squarespace блог типичный план блог и общий чистый дизайн, но заметил Pixel Perfect марок отметьте, что линии левой и правой границах области содержимого. Это такой минимальный элемент дизайна, но она служит его цели в создании сосредоточиться на содержании во время пребывания в соответствии с остальной конструкции.
Этот проект мог бы работать и на белом фоне, но Эллиот Джей запасам любит использованием текстур. Чтобы оставаться в соответствии с открытым вид сайта, он пошел с легкой и тонкой текстуры гранж.Это работает, потому что она не принимает от минимализма планировки и еще добавляет еще один уровень интереса к проекту.
