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
Сообщений: 60
Регистрация: 18.3.2012
Из: Россия, Краснодарский край, Гулькевичи
Поблагодарили: 7 раз
Репутация:   1  


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


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


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

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


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

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

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


--------------------
Куплю Steemit аккаунты. Писать в ЛС
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Веб-студия. Компания полного цикла!
Скидки для первых клиентов. Опыт создание сайтов 8+ лет
0 Halcy0n 83 Сегодня, 16:22
автор: Halcy0n
Открытая тема (нет новых ответов) Дизайн сайтов, баннеров, логотипов
4 julia_verstka 574 21.5.2018, 23:16
автор: julia_verstka
Открытая тема (нет новых ответов) Дизайн Landing Page для Вашего бизнеса
2 DPavelV 939 21.5.2018, 20:34
автор: DPavelV
Горячая тема (нет новых ответов) Студия «Омега» — создание сайтов, дизайн, верстка.
72 Delpix 30467 19.5.2018, 21:41
автор: Delpix
Открытая тема (нет новых ответов) Где можно узнать, прочитать правила "Веб-дизайна"
4 unbur 1305 18.5.2018, 19:21
автор: megi


 



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