Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Модульная сетка.

Tags: дизайн | модульная сетка

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

 dvuxkolonnik  trexkolonnik

 

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

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

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

   

 

 

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

AddThis Social Bookmark Button
 

Добавить комментарий


Защитный код
Обновить

поиск
RSS
Что такое веб-дизайн?

    Многие люди когда слышат словосочетание "Веб-дизайнер" представляют себе человека , сидящего за компьютером и что-то рисующего. На самом деле...

кол-во просмотров7651
Подробнее...

Редизайн. Новая жизнь старого сайта.

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

кол-во просмотров10657
Подробнее...

Стили сайтов. Промостиль.

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

кол-во просмотров6669
Подробнее...

Как ускорить индексацию сайта.

  В этой статье я хочу рассказать о том, как можно при помощи нехитрых способов заставить поисковики обратить внимание на ваш...

кол-во просмотров9677
Подробнее...

Новые возможности Adobe Photoshop CS5

Вокруг все то и дело говорят о скором выходе в свет  Adobe Photoshop CS5. Новые возможности по настоящему удивляют многих...

кол-во просмотров8820
Подробнее...