На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.
Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:
Записи с тегом: Дизайн
13
03.2009
Создание дизайна сайта от А до Я. Часть 2
В первой статье мы создали макет нашего дизайна и нарисовали фон. Сегодня мы продолжим работу на шаблоном и займемся шапкой сайта, нарисуем лого нашего будущего сайта кнопку для подписки на rss ленту и форму для поиска.
Приступим.
Я не хочу рисовать громоздкую шапку, по этому она будет состоять из логотипа, горизонтального меню, оно же разделитель шапки от контента, иконки rss и формы поиска.
Первым чем мы займемся – это будет горизонтальное меню ака разделитель контента и шапки.
Снизу шапки рисуем горизонтальную полосу шириной примерно 25px. Вот, что доложно получится:
12
03.2009
Создание дизайна сайта от А до Я. Часть 1
Это первая часть из серии статей по созданию дизайна сайта, которые охватывает все от создания макета до верстки.
Программы:
Photoshop и любой редактор кода, для верстки.
В первой статье, мы рассмотрим создание макета дизайна, и фона нашего будущего дизайна блога. Первое чем мы займемся – это составим список требований:
- Дизайн будет в светлых тонах.
- Формат: шапка, контент, 1 сайдбар справа, футер.
- Ширина от 1200px до 1000px. Остальное фон.
- Сайдбар 1/3 всей ширины шаблона.
- Шапка: лого, краткое описание, значок rss, строка поиска.
- Футер: копирайты, место под счетчик.
Начнем.
Создаем новый файл Photoshop 1100x800 пикселей. Сам шаблон 1010px, остальное фон. Читать далее →
