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

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

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

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

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

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

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

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

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

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

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

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

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

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

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