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



 

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

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Веб-дизайн: полезные советы
Ready
Ready
Topic Starter сообщение 16.7.2012, 2:31; Ответить: Ready
Сообщение #1


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

Группа: Banned
Сообщений: 1223
Регистрация: 15.12.2008
Из: г. Москва, ЗелАО
Поблагодарили: 346 раз
Репутация:   74  


Решил написать о своём процессе создания макета. Надеюсь, что статейка будет полезной.

1. Когда я приступаю непосредственно к «рисованию», я продумываю структуру будущего макета(сайта): делаю схематичный и блочный прототип. Показываю его клиенту и если его устаривает — перехожу ко второму этапу.

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

2. Определяю будущую цветовую гамму. Для этого я использую два сервиса: adobe kuler и colourlovers. Например, если я делаю туристический макет, то вписываю в поле поиска «travel» и мне показывают цветовые гаммы, которые хорошо подходят к данной тематике.

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

3. Начинаю «создавать». Здесь всё просто: сначала делаю сетку, дальше делаю набросок шапки, а далее и всех остальных элементов. Если есть прототип, то на данном этапе ощущается огромная экономия времени.

Кроме того, что я просто «рисую», я ещё и думаю. Многие считают, что рисовать макет — это очень просто: взял скопировал блоки, туда-сюда, тяп-ляп и готово. Но, спешу вас огорчить. Нужно думать почему ты нарисовал эту кнопку так, а шапку сделал такой. Каждый элемент должен нести какую-либо смысловую нагрузку. Нельзя перегружать макет разными и ненужными элементами.

Уделяйте огромное внимание работе с текстом: расстоянию между строками, размерности (важный текст больше, второстепенный меньше).

Кстати, если я делаю сайт о молоке, то тексты и картинки для «рыбы» я ищу именно по теме молока. Из-за этого мой макет кажется более живым, потому что используется тематический материал.

Иногда всё идёт как по маслу, иногда нет. В таких случаях я пытаюсь на какое-то время абстрагироваться от работы, потом всё идет на ура. Ночью работается лучше smile.gif

Все кнопки и формы я выношу в отдельный PSD, делаю для них «ховеры». Это действие упростит работу верстальщика.

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

Я бы советовал учиться так: берете любой красивый сайт и пытаетесь сделать тоже самое. Я учился именно так.

Если мне нужны «паттерны», беру их здесь: http://subtlepatterns.com/

Сообщение отредактировал Ready - 16.7.2012, 2:41
13
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
House
House
сообщение 16.7.2012, 2:42; Ответить: House
Сообщение #2


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


Группа: Banned
Сообщений: 628
Регистрация: 2.11.2011
Из: Саранск
Поблагодарили: 154 раза
Репутация:   19  


А мне рисовать не нравится smile.gif Я сразу верстаю..



Если мне нужны «паттерны», беру их здесь: http://subtlepatterns.com/

Не знал о таком... Сенк.


(ты сам себе сделал авку? классно смотрится)

Сообщение отредактировал House - 16.7.2012, 2:44


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
befancy
befancy
сообщение 16.7.2012, 2:53; Ответить: befancy
Сообщение #3


Новичок
*

Группа: User
Сообщений: 34
Регистрация: 4.7.2012
Поблагодарили: 5 раз
Репутация:   -1  


Отличная статья для новичков popcorn2.gif

(Ready @ 16.7.2012, 2:31) *
adobe kuler

Вот тут спасибо. Взял на заметку =)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
House
House
сообщение 16.7.2012, 2:55; Ответить: House
Сообщение #4


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


Группа: Banned
Сообщений: 628
Регистрация: 2.11.2011
Из: Саранск
Поблагодарили: 154 раза
Репутация:   19  


(befancy @ 16.7.2012, 2:53) *
Вот тут спасибо. Взял на заметку =)

Я постоянно путаю урл этой тулзы с http://kuler.com/ . И иногда захожу и сижу в ****, кулер на реконструкции??? Потом смотрю на урл и снова с злобным стуком набираю правильный урл.

Сообщение отредактировал House - 16.7.2012, 2:56


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
befancy
befancy
сообщение 16.7.2012, 2:59; Ответить: befancy
Сообщение #5


Новичок
*

Группа: User
Сообщений: 34
Регистрация: 4.7.2012
Поблагодарили: 5 раз
Репутация:   -1  


(House @ 16.7.2012, 2:55) *
Я постоянно путаю урл этой тулзы с http://kuler.com/ . И иногда захожу и сижу в ****, кулер на реконструкции??? Потом смотрю на урл и снова с злобным стуком набираю правильный урл.

biggrin.gif я её в закладки определил.. думаю таких проблем не возникнет)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ronnie
Ronnie
сообщение 16.7.2012, 3:24; Ответить: Ronnie
Сообщение #6


клоновод
****

Группа: Banned
Сообщений: 253
Регистрация: 25.3.2012
Из: Жыве Беларусь
Поблагодарили: 77 раз
Репутация:   9  


(Ready @ 16.7.2012, 2:31) *
Не спешите выкладывать и показывать свой макет на форуме, сначала доведите его до ума, представьте как он будет выглядеть в окне браузера, покажите друзьям, а только потом выкладывайте на всеобщее обозрение. Не пытайтесь изобретать велосипед, всё давно придумано за вас. Дизайн это как мода, есть свои тренды, вот и следуйте им.

Вывести на главную раздела "Веб-дизайн".


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pass1on
pass1on
сообщение 16.7.2012, 6:17; Ответить: pass1on
Сообщение #7


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

Группа: User
Сообщений: 58
Регистрация: 18.3.2012
Из: Россия, Краснодарский край, Гулькевичи
Поблагодарили: 7 раз
Репутация:   1  


Я про сайт color trends + palettes знал, а про два других ещё ничего не слышал. Спасибо, теперь возьму на карандаш. Очень поучительная статья.


--------------------
Не Королёв - блог о создании сайтов и написании статей.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jordanutto
Jordanutto
сообщение 16.7.2012, 7:28; Ответить: Jordanutto
Сообщение #8


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

Группа: Active User
Сообщений: 840
Регистрация: 9.7.2011
Из: Крови и плоти
Поблагодарили: 430 раз
Репутация:   87  


(Ready @ 16.7.2012, 2:31) *
Если мне нужны «паттерны», беру их здесь: http://subtlepatterns.com/

Вот за это большое спасибо.
(House @ 16.7.2012, 2:42) *
А мне рисовать не нравится smile.gif Я сразу верстаю..

А я рисую макет и параллельно верстаюsmile.gif)
Правда макет, иногда, не до конца получается нарисовать..))


--------------------
Услуги Telegram: чекер номеров, накрутка просмотров и подписчиков в каналах Телеграм.
Связь: ЛС тут или в TG @javnes
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lion_el
Lion_el
сообщение 16.7.2012, 10:42; Ответить: Lion_el
Сообщение #9


Новичок
*

Группа: User
Сообщений: 22
Регистрация: 11.7.2012
Поблагодарили: 13 раз
Репутация:   1  


(Jordanutto @ 16.7.2012, 5:28) *
А я рисую макет и параллельно верстаю)
Правда макет, иногда, не до конца получается нарисовать..))

И сколько на это времени уходит?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ready
Ready
Topic Starter сообщение 16.7.2012, 12:24; Ответить: Ready
Сообщение #10


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

Группа: Banned
Сообщений: 1223
Регистрация: 15.12.2008
Из: г. Москва, ЗелАО
Поблагодарили: 346 раз
Репутация:   74  


Ещё один полезный сайт, который постоянно использую: http://getcover.ru/ — позволяет «одеть» ваш макет в браузер и не только smile.gif

Сообщение отредактировал Ready - 16.7.2012, 12:27


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Бесплатные советы по улучшению юзабилити сайта
5-10 пунктов на человека, публично в теме
7 Caterpillar 723 Сегодня, 16:58
автор: Caterpillar
Открытая тема (нет новых ответов) Недорогой дизайн сайтов | баннеров | слайдеров
редактирование видео
12 shredinger 2183 Вчера, 13:13
автор: maxanalog
Открытая тема (нет новых ответов) Дизайн сайтов / Продажа макетов PSD
19 MasterBes 5374 8.12.2017, 17:27
автор: MasterBes
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыНарисую дизайн лендинга или сайта-визитки за 1000р
72 Alex_100 13398 7.12.2017, 13:38
автор: Realkent
Открытая тема (нет новых ответов) Веб-дизайн| Landing Page, Интернет-магазины, Баннеры и др. графика
Скидки и работы за отзыв каждую неделю
6 SpaceGray 906 6.12.2017, 17:09
автор: Caterpillar


 



RSS Текстовая версия Сейчас: 11.12.2017, 17:56
Дизайн