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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заставить Google любить тебя?
Хочу роста трафа из Гугла : ))
100 Aslan88 24549 Сегодня, 2:38
автор: EconDude
Открытая тема (нет новых ответов) Монетизация сайта 3к месяц
11 ALESHAONLINE 1385 Сегодня, 2:33
автор: DVolodin
Открытая тема (нет новых ответов) [РЕКОМЕНДУЮ] >>>Тестирование Вашего сайта, сервера на устойчивость и уязвимость!
10 barbaddos 4047 Сегодня, 0:55
автор: barbaddos
Горячая тема (нет новых ответов) Как заработать новичку?
141 Emeralda 25591 Вчера, 12:43
автор: Emtec
Открытая тема (нет новых ответов) Ваши первые действия после создания сайта
представьте что вы создали новый сайт
7 HavingingWorld 370 Вчера, 1:25
автор: indexphp


 



RSS Текстовая версия Сейчас: 22.5.2018, 11:04
Дизайн