X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как нарисовать макет сайта, в фотошопе
vandamme
vandamme
Topic Starter сообщение 1.2.2010, 11:02; Ответить: vandamme
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 57
Регистрация: 16.2.2009
Из: Украина, Донецк
Поблагодарили: 12 раз
Репутация:   1  


Здравствуйте, дорогие форумчане. Недавно писал статейку о верстке, так форумчане попросили продолжить эту тематику и написать еще одну статейку. Вот я и написал.

Приступим к рисованию макета будущего сайта. Буду рисовать конечно несложный макет, так сказать theme framework – минимальный дизайн, но при помощи которого можно сделать вполне приличный и насыщенный дизайн сайта.

Ориентировка – макет для сайта на DLE, классический трех-колоночный веб-дизайн сайта с установленной CMS DLE версий 7-8. Итак, приступим, я использую Adobe Photoshop CS3 официальную русскую версию.

Внимание! В этом уроке не будут рассматриваться основные приемы работы с фотошопом такие как выбор любого инструмента, вставка текста и т.д. Уровень пользователя программы фотошоп – минимальный.

Что же можно сообразить такое несложное, но чтоб вы поняли как что делается без особых усилий? Нарисуем шапку, левые и правые блоки, центральную часть и футер (подвал сайта).

Причем дизайн всех блоков, левых, правых и центральных будет одинаковый, разница только в ширине, для блоков возьмем ширину 200 пикселей, для центральной части все что останется.

Также замечу, что буду рисовать макет с фиксированной шириной – стандартная 960-пиксельная grid system, чтобы наш сайт одинаково хорошо отображался на мониторах с разрешением от 1024х768 пикселей и выше (это монитор 19 дюймов).

Дальше идет много картинок, поэтому вам придется прочитать ее на блоге. Оригинальная статья Как нарисовать макет сайта


--------------------


Поблагодарили: (5)
6
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MobiX
MobiX
сообщение 1.2.2010, 11:12; Ответить: MobiX
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 607
Регистрация: 11.7.2008
Из: Самара
Поблагодарили: 149 раз
Репутация:   17  


Тоже готовлю материал по DLE. Только блог никак запустить не могу. Посмотрим, что в след. статье будет. В крайнем случае дополню smile.gif


--------------------
Блог: logunoff.ru
Twitter: logunoff
ICQ: 231887598
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vandamme
vandamme
Topic Starter сообщение 1.2.2010, 11:21; Ответить: vandamme
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 57
Регистрация: 16.2.2009
Из: Украина, Донецк
Поблагодарили: 12 раз
Репутация:   1  


Большое спасибо, я тут подумал, может написать урок в котором изготавливается макет покрасивее и посложнее?

Сообщение отредактировал vandamme - 1.2.2010, 18:47


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KipiaSoft
KipiaSoft
сообщение 1.2.2010, 11:29; Ответить: KipiaSoft
Сообщение #4


Старожил
******

Группа: Active User
Сообщений: 2096
Регистрация: 16.11.2009
Из: Волгоград
Поблагодарили: 632 раза
Репутация:   74  


А в макетах для WP есть какие либо особенности, специфика? или по этой статье можно и под WP пробовать?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webmozg
webmozg
сообщение 1.2.2010, 11:34; Ответить: webmozg
Сообщение #5


Забаненный
*****

Группа: Banned
Сообщений: 931
Регистрация: 15.7.2008
Из: Псков
Поблагодарили: 568 раз
Репутация:   70  


(KipiaSoft @ 1.2.2010, 10:29) *
А в макетах для WP есть какие либо особенности, специфика? или по этой статье можно и под WP пробовать?


в сети навалом туторов по созданию нормальных дизайнов для WP
http://www.problogdesign.com/design/26-com...sign-tutorials/

в гугл wordpress design tutorials


--------------------
Забанен за негативное отношение к форуму и его администрации.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vandamme
vandamme
Topic Starter сообщение 1.2.2010, 12:00; Ответить: vandamme
Сообщение #6


Частый гость
**

Группа: User
Сообщений: 57
Регистрация: 16.2.2009
Из: Украина, Донецк
Поблагодарили: 12 раз
Репутация:   1  


да, но они на английском


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MobiX
MobiX
сообщение 1.2.2010, 12:07; Ответить: MobiX
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 607
Регистрация: 11.7.2008
Из: Самара
Поблагодарили: 149 раз
Репутация:   17  


(vandamme @ 1.2.2010, 12:00) *
да, но они на английском

Вот вам и идея для следующей статьи. Переведите туториал, не забыв поставить ссылку на оригинал, и ловите трафик wink.gif


--------------------
Блог: logunoff.ru
Twitter: logunoff
ICQ: 231887598
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webmozg
webmozg
сообщение 1.2.2010, 12:13; Ответить: webmozg
Сообщение #8


Забаненный
*****

Группа: Banned
Сообщений: 931
Регистрация: 15.7.2008
Из: Псков
Поблагодарили: 568 раз
Репутация:   70  


(vandamme @ 1.2.2010, 11:00) *
да, но они на английском


все вменяемые туторы по фотошопу на английском и юзать лучше английскую версию самого фотошопа с самого начала использования. :-)


--------------------
Забанен за негативное отношение к форуму и его администрации.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MobiX
MobiX
сообщение 1.2.2010, 12:14; Ответить: MobiX
Сообщение #9


Завсегдатай
*****

Группа: Active User
Сообщений: 607
Регистрация: 11.7.2008
Из: Самара
Поблагодарили: 149 раз
Репутация:   17  


(webmozg @ 1.2.2010, 12:13) *
все вменяемые туторы по фотошопу на английском и юзать лучше английскую версию самого фотошопа с самого начала использования. :-)

Это все правильно, только усердия в изучении английского не у всех хватает smile.gif


--------------------
Блог: logunoff.ru
Twitter: logunoff
ICQ: 231887598
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vandamme
vandamme
Topic Starter сообщение 1.2.2010, 18:48; Ответить: vandamme
Сообщение #10


Частый гость
**

Группа: User
Сообщений: 57
Регистрация: 16.2.2009
Из: Украина, Донецк
Поблагодарили: 12 раз
Репутация:   1  


(MobiX @ 1.2.2010, 10:07) *
Вот вам и идея для следующей статьи. Переведите туториал, не забыв поставить ссылку на оригинал, и ловите трафик


это хорошая идея, согласен - в следующий раз так и сделаю


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как повлиять на быстрые ссылки в гугле?
5 maxg5 1353 Сегодня, 1:14
автор: Ley
Открытая тема (нет новых ответов) как правильно написать альт и тайтл для изображений
0 galaker 313 Вчера, 22:50
автор: galaker
Открытая тема (нет новых ответов) Как установить источник заражения сайтов?
7 kelevra 594 Вчера, 16:40
автор: phoenix_kys
Открытая тема (нет новых ответов) Как действительно успешно внедрять привычки. И менять жизнь
seoandme.ru - SEO-блог Анны Ященко
13 AnnaYa 1250 Вчера, 16:23
автор: Zoya83
Открытая тема (нет новых ответов) Facebook палит прокси. Кто как решает эту проблему?
26 Twickbot 3415 Вчера, 15:02
автор: Mikki


 



RSS Текстовая версия Сейчас: 14.12.2017, 6:30
Дизайн