Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 2
  • 1
  • 2
  • »
Рисуем правильный макет!
#1
Пятница, 04.03.2011, 14:30
GuideLess
Проверенный
Сообщения: 314
Репутация: 780
В интернете существует большое количество дизайнеров и все они хотели бы нарисовать макет, но не просто макет, а правильный макет. Сегодня я вам отвечу на один маленький, но довольно таки сложный вопрос "Как правильно нарисовать макет?".
Многие дизайнеры предпочитают рисовать макет на глаз, то есть чтобы он просто понравился покупателю и красиво выглядел. С одной стороны это конечно же правильно, но с другой... Макет ведь придётся ещё верстать, а это довольно таки долгое и кропотливое дело. По этому дизайн должен быть красивым, но в тоже время и легко верстабелен.

Первое, "Сетка":
Не будем отклонятся, а идти по порядку. Начнём пожалуй с "Сетки". Для её построения нам естественно придётся её активировать, далее нажимаем на клавиши "CTRL+R" и перед нами появляется вид линейки, а теперь просто щёлкните два раза по шкале и держа перемещайте её в том направлении, в которым вам требуется.

Второе, "Порядок в папках":
Ура! Теперь элементы выравнены и вы уже чуть облегчили жизнь верстальщику. Теперь вам требуется поместить все слои, в определённые папки. Не стоит давать такие названия как "1"; "2" и т.д. так как вы сами же и запутаетесь в них. Для вас самое главное, это выделить три самых основных папки, которыми являются "Header, Body & Footer". А в них уже помещать свои файлы, но для каждого модуля желательно создавать свою папку.

Третье, "Всякие мелочи":
Не стоит забыть о мелочах. Многие дизайнеры предпочитают всё оставить верстальщику, но это неправильно. Вы вообще прорисовываете такие мелочи как "Цвет ссылки"; "Внешний вид тега "hr""? Думаю нет, задумайтесь об этом. Ведь лучше подобрать всё сразу, чем оставить эту проблему верстальщику.

Четвёртое, "Пользователь vs Шаблон":
На эту борьбу можно смотреть ещё сотни лет. Когда пользователь заходит на сайт, он прежде всего обращает внимания на его дизайн, а уже после смотрит "Где и чего". Пользователю может не понравится слишком яркий цвет, после которого он мало того что чуть испортит зрение, но он и не зайдёт больше на тот сайт вообще. Пользователю могут так же не понравится "мелкие" детали, такие как: Нехватка поиска, нехватка меню сайта, нехватка категорий и т.д.

Пятое, "Стандартный шрифт":
Какой же шрифт использовать лучше всего? Конечно же стандартный! Я бы вам настоятельно порекомендовал шрифт под названием "Verdana", размер "11px", а в поле "Метод сглаживания" выбираем "Нет". Другие, но в тоже время стандартные шрифты можно просмотреть по chebykin.livejournal.com/9352.html(не реклама)
Не стоит выбирать слишком большой шрифт - Это ошибка наблюдается у многих, непрофессиональных дизайнеров.

После прочтения данной статьи мне кажется вы сделали для себя выводы. Что же, теперь доверьтесь лишь своей фантазии... Удачи!

[img]http://s1.diz-cs.ru/wmid330305946018.png[/img]
[b]Услуги бесплатного гаранта - в ЛС![/b]
#2
Воскресенье, 06.03.2011, 21:42
KaRaT
Пользователь
Сообщения: 8
Репутация: 39
Какой программой хоть делать? <_<
#3
Воскресенье, 06.03.2011, 22:58
Roundcore
Проверенный
Сообщения: 634
Репутация:
KaRaT, нуб детектед
Фотошопом
#4
Понедельник, 07.03.2011, 14:40
DeViLL722
Заблокированные
Сообщения: 259
Репутация: 92
Полезной информации по изделию 0
#5
Среда, 09.03.2011, 12:43
[LiKER]
Проверенный
Сообщения: 1150
Репутация: 5911
GuideLess, - Не плохая статья, всё это я вынес для себя сам, совсем недавно, т.е начал ставить сетку, подчёркивать ссылки, и т.д. - Но не всегда это получается.
- И иногда просто-на просто даже фантазий нехватает.
#6
Среда, 09.03.2011, 12:55
GuideLess
Проверенный
Сообщения: 314
Репутация: 780
mactepok787, В видео очень долго. Читай больше результат будет!
[LiKER], Желаю успехов y
[img]http://s1.diz-cs.ru/wmid330305946018.png[/img]
[b]Услуги бесплатного гаранта - в ЛС![/b]
#7
Суббота, 12.03.2011, 13:53
Skipper
Заблокированные
Сообщения: 1242
Репутация: 2002
Хорошая статья, мне понравилось. Читабельная.
#8
Суббота, 12.03.2011, 21:08
Swen
Проверенный
Сообщения: 337
Репутация: 321
Статья кул спасибо : y
Фермер соседи - зарабатывай продавая животных - http://fermasosedi.ru/?rid=13670 (Рефералам все объясняю и раскрываю секреты игры )
#9
Суббота, 12.03.2011, 21:10
212th
Пользователь
Сообщения: 88
Репутация: 140
Читабельно, спасибо.
А то столько ошибок делают в макетах...
Пост отредактировал 212th - Суббота, 12.03.2011, 21:12
Запомни это на всю жизнь:
Мы живём по принципу бумеранга - как ты к людям, так и люди к тебе.
Четверг, 26.05.2011, 10:49
nDtri
Проверенный
Сообщения: 155
Репутация: 58
Для новичков кто ещё только начинает или кто не знал,следует почитать)
[url=http://infopps.3dn.ru/][img]http://www.7image.ru/pics/0611/173044125.gif[/img][/url]
Четверг, 26.05.2011, 11:31
Savas
Проверенный
Сообщения: 2413
Репутация: 4426
Quote (GuideLess)
"Verdana", размер "11p

Большой? Для подачи информации не удачно. На мегасофте 11 шрифт стоит. Удобно читать большие тексты? Глаза плывут...
Четверг, 26.05.2011, 15:39
MishaDark
Проверенный
Сообщения: 5797
Репутация:
Quote (GuideLess)
CTRL+R

это линейка
А сетка - это выучи что такое, тут большинство пользователей думают что сетка это направляющие линии в фотошопе вызывающие посредством CTRL+R но это не так
Воскресенье, 29.05.2011, 00:33
SmarT07
Проверенный
Сообщения: 392
Репутация: 481
Полезная статья для новичков,на счет сетки правильно т.к большенство дизайнеров работают без нее.. а зря..
Проще будь э
Воскресенье, 29.05.2011, 14:20
Savas
Проверенный
Сообщения: 2413
Репутация: 4426
Quote (SmarT07)
большенство дизайнеров работают без нее.. а зря..

без направляющих работают только новички, которые даже уроков не смотрели.
Воскресенье, 29.05.2011, 20:43
nVIDIA
Пользователь
Сообщения: 26
Репутация: 16
Запиши видео, будет интересней :)
TOYOTA - управляй мечтой, ВАЗ - не ссы, доедем.
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Форум
Социальные сети
Хостинг от uCoz