Метка "Photoshop"
Модульные сетки в Веб-Дизайне
Модульная сетка — представляет собой набор невидимых направляющих, вдоль которых располагаются элементы веб-страницы. Это облегчает размещение данных в документе, обеспечивает визуальную связь между отдельными блоками и сохраняет преемственность дизайна при переходе от одной страницы к другой.
Модульная система вёрстки — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.
Модульная система упрощает и убыстряет [...]
Создание дизайна сайта от А до Я. Часть 4
Это последняя статья по рисованию дизайна, в следующих мы будем заниматься версткой.
С прошлого урока дизайн немного изменился. Все правки вы найдете в прилагающихся файлах проекта.
На данный момент мой вариант дизайна выглядит следующим образом:
Создание дизайна сайта от А до Я. Часть 3
На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.
Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:
Создание дизайна сайта от А до Я. Часть 2
В первой статье мы создали макет нашего дизайна и нарисовали фон. Сегодня мы продолжим работу на шаблоном и займемся шапкой сайта, нарисуем лого нашего будущего сайта кнопку для подписки на rss ленту и форму для поиска.
Приступим.
Я не хочу рисовать громоздкую шапку, по этому она будет состоять из логотипа, горизонтального меню, оно же разделитель шапки от [...]
Создание дизайна сайта от А до Я. Часть 1
Это первая часть из серии статей по созданию дизайна сайта, которые охватывает все от создания макета до верстки.
Программы:
Photoshop и любой редактор кода, для верстки.
В первой статье, мы рассмотрим создание макета дизайна, и фона нашего будущего дизайна блога. Первое чем мы займемся – это составим список требований:
Дизайн будет в светлых тонах.
Формат: шапка, контент, 1 [...]
Подборка web 2.0 стилей для Photoshop
Решил поделиться с вами подборкой web 2.0 стилей для Photoshop, которыми я пользуюсь сам.
Всего в пару кликов, Вы сможете сделать красивый элемент, в стиле web 2.0 для своего сайта. Я считаю лучше иметь подборку стилей и изменять их под свои нужды, чем постоянно рисовать с нуля.
Если вам понравится подборка, то она будет пополняться новыми стилями.
Непосредственно [...]
