Правый дополнительный блок

Личная страница

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

Сайт-визитка

Этот вид сайтов обычно выбирают организации, которым в большинстве случаев не требуется крупного сайта, либо они ограниченны в средствах. Так же под определение «визиток» попадают личные сайты фрилансеров и представителей творческих профессий, на которых они могут выложить свое портфолио. Обычно сайты-визитки содержат около 10-15 страниц с основной информацией о фирме или персоне.

Промо-сайт

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

Корпоративный

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

5. Интернет-каталог (или «сайт-витрина»)

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

Интернет-магазин

Продолжает тему «интернет-каталога», но для «интернет-магазина» есть одно обязательное условие – наличие корзины товаров, для того, что бы пользователь мог сформировать заказ через интернет. Так же современные интернет-магазины обязаны иметь модуль экспорта товаров в Яндекс.маркет.

Информационные порталы, СМИ

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

Социальная сеть

Сравнительно молодой, но наверное, самый известный тип сайтов. Официальным началом бума социальных сетей принято считать 2003—2004 годы, когда были запущены LinkedIn, MySpace и Facebook. В Россию мода на социальные сети пришла двумя годами позже — в 2006-м, с появлением Одноклассников и ВКонтакте.

Сайт социальной сети можно определить по наличию следующих возможностей:

1. Создание публичного или полупубличного профиля

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

Технические данные для создания макета.

1. Параметры нового документа:

Рабочая ширина сайта 995px, с фоном может быть 1250px.

Высота сайта от 700px и более, зависит от количества контента на сайте.

Разрешение макета 72 пикселя/дюйм и цветовая гамма RGB!

Блоки сайта.

Макет сайта должен содержать: "шапку" (хедер), горизонтальное меню (+ дублирующее горизонтальное меню), "зону контента", "дополнительные блоки" и "футер" (подвал).

ШАПКА САЙТА (ХЕДЕР)

Шапка может и должна быть графически оформлена и обязательно содержать логотип сайта.

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

Пример схемы построения шапки сайта:

Примеры на действующих сайтах:

О том как писать номер телефона в шапке и везде.

Сейчас принято писать номер телефона в международном формате, потому как в одной Москве уже действуют два кода - 495, 499. Кроме того, на сайт могут зайти люди из других стран, поэтому номер пишем следующим образом: +7(495)782-9835 . При этом «одиноким» номер лучше не оставлять, т.е. сопровождать его надписью «Наш телефон», «Свяжитесь с нами по телефону:» и т.д. Но не используйте сокращений, типа «Наш тел.» или «Т. +7(495)783-3333». Так же, номер телефона может использоваться как графическое оформление, имеет смысл «поиграть» размерами написания кода города и кода страны. Если телефон сопровождается надписью, не делайте ее одного размера с номером телефона!

Несколько примеров подачи номеров телефона:

ЗОНА КОНТЕНТА

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

ПРАВЫЙ ДОПОЛНИТЕЛЬНЫЙ БЛОК

По поводу правого дополнительного блока – это будут «Новости». Это один из тех элементов сайта, на которым вы можете показать свои способности, как дизайнера. Постарайтесь сделать этот блок как можно интереснее. Блок должен состоять из 3-5 новостей. Каждая новость должна делится на Заголовок, отличающийся по размеру/цвету/жирности, дату, короткий текст описания, маленькое превью-изображение и ссылку «читать далее» или «смотреть полный текст» или…

Пример организации блока:

ФУТЕР

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

Пример:

ШРИФТЫ НА САЙТЕ

3.1 При создании макета сайта используем только стандартные шрифты!

Как правило, если нужен шрифт без засечек, то ставим Tahoma.

Если с засечками, то Times New Roman.

Так же можно использовать следующие шрифты:

Arial, Helvetica, Sans-serif, Times, Serif, Ciurier New, Courier,

Monospace, Georgia, Veranda, Geneva, Comic Sans MS, Trebuchet MS

3.2 Наборный шрифт - 12px или 14px. (наборным называю шрифт, который вы используете для набора основного текста в зоне контента), так же эти размеры берем для большинства ссылок и блоков.

3.3 Заголовки - от 18px! Могут доходить до 32px.

3.4 При этом для шрифтов размеров 10-14px, в панельке шрифтов в выпадающем списке "размытие" (в нижнем правом углу) значение ставим "Нет" или "None"

3.5 Для шрифтов больше 16px размытие ставим "Sharp" или "Crisp" (соответственно "резкое" или "четкое").

3.6 НЕ НАДО ДЕЛАТЬ ВСЕ ШРИФТЫ НА САЙТЕ ЖИРНЫМИ!

С СЫЛКИ

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