all-of-all.ru
Посмотреть
Статьи

Наши друзья

Спецпредложения интернет-магазина
 Статья / Техника / Инструкции / Интернет / Советы начинающему веб-дизайнеру

Советы начинающему веб-дизайнеру


 Николай Баранов, 23.04.2012 18:03:21
Советы начинающему веб-дизайнеру


(Нет голосов)
517 просмотров
В избранное
Комментировать(0)

Советы начинающему веб-дизайнеру

Понятия о том, что такое дизайн, и за чем он нужен.

Инструкция

1 шаг

ДЛЯ ЧЕГО НУЖЕН ДИЗАЙН?

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

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

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

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

2 шаг

ВДОХНОВЕНИЕ

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

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

3 шаг

РАЗРАБОТКА ДИЗАЙНА

РАЗРЕШЕНИЕ И КОМПОНОВКА

Первое, что необходимо сделать перед созданием сайта это решить, какое разрешение будет минимальным: 640х480, 800х600 или 1024х768. Большинство юзеров, конечно, используют разрешение не менее 800 #215;600, но, взяв за базис его, аудитория (хоть и небольшая), использующая меньшее, будет потеряна для вас. Не забывайте, что сейчас достаточной популярностью пользуются смартфоны и карманные компьютеры, многие из них уже отличаются разрешением 640х480. Для моделей, поддерживающих меньшее разрешение, обычно проектируют специальный вариант оформления сайта.

Каждый волен выбирать свой путь Эта страничка рассчитана как минимум на разрешение 800 #215;600, но вы легко можете принять другой стандарт, вероятно, даже более правильный.

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

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

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

4 шаг

ЗАДНИЙ ФОН (БЭКГРАУНД)

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

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

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

Руководствуйтесь при выборе фона, в первую очередь, тем, что вам вскоре придется подбирать цвет графики! Бытует такое мнение, что хорошо сочетаются цвета, состоящие из цифр 0, 3, 6, 9, C, F. То есть, например, на фоне #FCCC9C будет хорошо смотреться цвет #3F3C3F , но, на самом же деле, это не всегда так.

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

5 шаг

ШРИФТ

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

Используйте стандартные шрифты, такие как Arial, Times И лучше всего в тэге font прописывать сразу несколько семейств шрифтов (используя атрибут face). Например:

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

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

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

6 шаг

ГРАФИЧЕСКИЕ ЭЛЕМЕНТЫ

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

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

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

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

7 шаг

НЕ ЗАБЫВАЙТЕ

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

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

- Контрастно выделять области документа: переходить от мелкого шрифта к более крупному (в пределах разумного, конечно), от белого текста на черном фоне к черному тексту на белом и т.д.

- О размерах графических файлов. Не делайте страниц с гигабайтами графики это никто не оценит! Если в С.-Петербурге и Москве высокоскоростным интернетом обеспечена большая часть населения, то развивающаяся часть Интернета большей части России по-прежнему пользуется низкоскоростным dial-up.


Советы начинающему веб-дизайнеру
 Статья / Техника / Инструкции / Интернет / Советы начинающему веб-дизайнеру
 Николай Баранов, 23.04.2012 18:03:21

Назад в раздел

Самые интересные новости:

загрузка...