Уроки Phptoshop, Linux, Windows 7
20 Май 2012, 14:45:14 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
Новости:
 
  Начало   Форум   Помощь Поиск Календарь Пользователи Downloads Войти Регистрация  
Страниц: [1]   Вниз
  Печать  
Автор Тема: Макет сайта - делимся опытом.  (Прочитано 2657 раз)
0 Пользователей и 1 Гость смотрят эту тему.
agrus
Гость
« : 20 Июнь 2010, 00:42:21 »

Оказывается нарисовать достойный макет сайта в фотошопе не такая и простая задачка. Надо продумать все детали, нюансы, учесть множество моментов. Надо придумать что-то уникальное, не похожее на все то что виделось раньше!!!!!
Поделюсь немножко своим опытом, и надеюсь услышать и Ваши советы.
Записан
Svictor
Администратор
Активист
*****

Карма: + 5/ -0
Мужской
Сообщений: 127
Активность на форуме
0%

svictor_ru WWW Награды
« Ответ #1 : 20 Июнь 2010, 23:13:40 »

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

agrus
Гость
« Ответ #2 : 21 Июнь 2010, 03:30:08 »

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

Вот несколько правил, которым я следую, когда работаю:
 - Порядок! В рабочей области должен быть порядок: для каждого элемента свой слой, все слои подписаны и отсортированы по папках. Ничего не оставлять на потом (мол, потом доделаю).
 - Внутренний голос. Если не нравится - переделывай! Переделывай до тех пор, пока начнет нравится! Даже если работа сделана, но на утро она выглядит ужасно - переделывай!
 - Критика. Всегда полезно прислушаться к мнению постороннего человека, даже если он в дизайне ничего не понимает.
 - Отдых. Делайте небольшой перерыв всегда, когда почувствуете что устали. Возвращайтесь к работе тогда, когда придет вдохновение. (У меня перерыв может длиться от 10 минут до нескольких часов)



Продолжение следует.
Записан
Tamriko
Модератор
Постоялец
***

Карма: + 11/ -0
Женский
Сообщений: 238
Активность на форуме
0.2%

WWW Награды
« Ответ #3 : 21 Июнь 2010, 03:56:38 »

agrus, полностью согласна! Правильная постановка задач! )))
Записан

Никогда не бойся делать то, чего ты не умеешь.
Помни, ковчег был построен любителем. Профессионалы строили "Титаник"!
agrus
Гость
« Ответ #4 : 21 Июнь 2010, 17:46:59 »

Продолжим.

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

На этом этапе работа может выглядеть так:

Записан
agrus
Гость
« Ответ #5 : 23 Июнь 2010, 03:18:26 »

Часто в макет необходимо вставить текст. Если нету уже готового контента, его можно заменить любым текстом. Текст, имитирующий обычную статью удобно брать на этом сайте: http://ru.lipsum.com/   Также там можно найти замену для списков и баннеров.

Вот пример текста:
Цитировать
Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.
Записан
agrus
Гость
« Ответ #6 : 11 Июль 2010, 18:42:11 »

Несколько слов о цвете.
Весьма сложно подобрать удачное сочетание цветов. И для начинающего дизайнера я посоветую искать красивые цвета на других сайтах. Понравился градиент или цвет фона - сделайте себе скрин страницы, потом в нужный момент из него легко достать и цвет и градиент и текстуру. Вот такая небольшая хитрость )
Вообще надо просматривать очень много разных сайтов, макетов, шаблонов, картинок. Обращать внимание на то, как они сделаны, как расположены элементы, как прорисованы детали, какие шрифты использованы, какой их размер и много чего еще.
Записан
Уроки Phptoshop, Linux, Windows 7
   

 Записан
Страниц: [1]   Вверх
  Печать  
 
Перейти в:  



* Счетчики
Наша Кнопка

Powered by SMF 1.1.16 | SMF © 2006-2009, Simple Machines | Sitemap
электростанция 300 квт, мотопомпы. - - - Типография где можно заказать упаковку - www.y-print.ru. - - - оцинкованная лента
SimplePortal 2.3 © 2008-2009, SimplePortal