Детали в дизайне для веба

Статус
Закрыто для дальнейших ответов.

LeopART

Well-Known Member
Регистрация
10.05.2005
Сообщения
718
Для дизайнера очень важно учитывать некоторые детали, которые на первый взгляд не играют особого значения, но на самом деле очень важны.
Благодаря таким деталям, на мой взгляд, создаются такие вещи, которые действительно достойны уважения :)
 

LeopART

Well-Known Member
Регистрация
10.05.2005
Сообщения
718
Например: психология восприятия информации человеком.
вы никогда не задумывались, почему очень часто менюшки расположены слева, блоки новостей - справа... Почему копирайты (если они имеются, висят внизу? И почему непременно есть шапка?
Как раз это из области психологии.
восприятие информации идет примерно так: левый верхний угол (который при таком раскладе является главным, и если он красивый и удобоваримый, то взгляд пойдет дальше). Ну и заодно тут же удобно лицезреть менюшку (то есть слева под шапкой). Потом взгляд ползет на центральный блок страницы (как правило текстовый), оттуда на правую сторону, и далее вниз по диагонали прямиком в правый нижний угол, то есть туда, где часто располагаются копирайты и тому подобные элементы.

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

З.Ы. продолжение следует :)
 

Alexs-ek

BOOMER
Регистрация
15.05.2005
Сообщения
53
skytramp, ты безусловно права... хочу только добавить что часть этойже психологии говорит о том что людя нравится аналогия с windows ....
как ты и сказала менюхи слева (проводник) шапка как у тово-же проводника
навигация сверху (строка адреса ), все баннеры справа (если конечно этот сайт сделан по неписаным правилам приличия WWW)
еще хочу заметить что людям нравится светлые спокойные тона цвета.
а про сочетания штифтов, цвета текста и цветности фона это совсем отдельный разговор ....(в котром я не спец и поэтому лучше послушаю вас и буду прислушиватся к вашим советам)
 

WisarD

Active Member
Регистрация
02.05.2005
Сообщения
27
Alexs-ek сказал(а):
хочу только добавить что часть этойже психологии  говорит о том что людя нравится аналогия с windows ....
как ты и сказала менюхи слева (проводник)  шапка как у тово-же проводника
навигация сверху (строка адреса )
[post="584"][/post]​
Чувак, это не сайты делаются по аналогии с Windows, а Windows был сделан по правилам психологии! :megalol:!
 

LeopART

Well-Known Member
Регистрация
10.05.2005
Сообщения
718
Раз уж Alexs-ek упомянул про шрифты, скажу кое-что о них.
Прежде всего шрифт должен быть читаемый - это и ежу понятно. Шрифтов просто немерено, можно создать свой собственный. НО! Стандартные шрифты (а точнее большая их часть) делятся на шрифты с зачечками (Times например) и рубленные (допустим Arial). Шрифты с засечками подходят для сайтов в редких случаях, особенно если предполагается много текста и мелкий шрифт. Тот же Таймс воспринимается тяжелее, чем Arial, Verdana и прочие подобные шрифты.
Есть еще шрифты стилизованные, которые нужно использовать, но так чтоб это не напрыягало посетителей и было удобоваримо (то есть легко воспринимаемо). Готические, шрифты под граффити, каллиграфические (перечислять на самом деле можно долго) - очень эффектно смотрятся допустим для оформления шапки, в логотипе, в элементах меню (грубо говоря - надписи на кнопках). Например если сайт посвящен допустим рок-группе, вполне уместен готический стиль, но опять же, шрифт под готику не должен быть преобладающим и тем более нельзя основной контент сайта лепить таким шрифтом.
Таким образом, для большинства сайтов используются рубленные шрифты, для сайтов с характерной стилизацией - соответствующие шрифты. а главное - следить за сочетанием шрифта с общим стилем сайта и стпенью вопринимаемости. Ну и конечно цвет надо подбирать такой, чтоб его было четко видно, во-первых, во-вторых, чтоб он был приятен и не резал глаза тем, кто пытается читать текст.

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

Владимир

Guest
Меню делается слева потому, что при любом сочетании разрешения монитора и "резиновости" страницы сайта оно будет наблюдаться ВСЕГДА. То же самое и с логотипом.
Психология не причём, просто элементарные практические соображения.
 

LeopART

Well-Known Member
Регистрация
10.05.2005
Сообщения
718
2Владимир
Допустим что так. А как насчет менюшек под шапкой (горизонтальных), поцентру, внизу? Кстати очень зря ты так относишься к психологическому аспекту восприятия информации. Дел даже не в том, где расположена менюшка, а как она будет восприниматься в зависимости от ее внешнего вида. То же касается всех остальных элементов страницы.
 

Anton

Новичок
Регистрация
23.09.2005
Сообщения
1
Здравствуйте всем. Я тут по совету однокурсника. У меня вопрос.
Недавно прочитал одну книгу про HTML. Теперь вот решил сделать свой первый сайт. Только я хочу посвятить его не самому себе, а игре "Демиурги". Что-то даже начал делать, но трудно поддерживать всё в одном стиле. Возникают вопросы типа: какого цвета сделать ссылки, текст, на каком графическом редакторе сделать кнопки и рамки для картинок, использовать фреймы или таблицы и т.д.
Есть ли какие-нибудь ещё правила, касемые визуальной составляющей страницы, по которым нужно следовать при создании сайта.

П.С. Про меню слева и про шапку я уже прочитал. Спасибо за информацию
 

LeopART

Well-Known Member
Регистрация
10.05.2005
Сообщения
718
2Anton:

Во-первых, по поводу фреймов. Имхо, фреймы - это только лишний геморрой для создателя сайта. Кроме того, впринципе у редкого приличного сайта они используются. Да и отображаются не всегда корректно. Потому лучше не использовать эту гадость.

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

Еще момент: желательно почитать еще доки по css. Во-первых, полезно, во-вторых пригодится, в-третьих - это один из вариантов поддержания единого стиля оформления текста, ссылок, + упрощение во многих случаях кода страницы. С его же помощью делаются и симпотичные рамки для картинок и появляется уйма возможностей.

Кнопки, если тебе принципиально нужны кнопки (я, например, предпочитаю не грузиться самой и не перегружать страницу графикой), можно сделать самыми разными способами. Например на флэше, если не знаешь как - варант 1 - читать доки и осваивать, вариант 2 - выбрать другой редактор, который покажется тебе простым и понятным и устроит во всех отношениях. Я таких не нашла. Зато можно поставить прогу MAcromedia Dreamweaver MX - я в ней училась ваять сайты. Во первых возможно одновременно править код, и видеть что получается визуально. Во-вторых много возможностей. А клоню я собственно к тому, что в ней есть такая вещь: вставка уже готовых форм, в частности кнопок. Выбор достаточно большой, может что и понравится. Но в любом случае лучше напрячься, не полениться и сделать самому :)

Ну а если не получается придумать общую цветовую гамму будущего сайта - обращайся, пиши в личку, поможем, ибо мы тут не злые :)
 

WizarD

Member
Регистрация
18.11.2005
Сообщения
16
Далее. Прочитать одну книгу - мало. Если ты делаешь первый сайт, то скорее всего не заучил наизусть все возможные тэги, которые тебе могут пригодиться. Потому скачай какой-нить культурный справочник по html-программированию, чтобы было куда обратиться.
А что, так необходимо знать все теги? Лично я и 70% не знаю, да и не нужны большинство из них!
Во-первых, по поводу фреймов. Имхо, фреймы - это только лишний геморрой для создателя сайта. Кроме того, впринципе у редкого приличного сайта они используются. Да и отображаются не всегда корректно. Потому лучше не использовать эту гадость.
А вот это правильно. согласен на все 100! :rolleyes:
 

The J4s

Tracer
Регистрация
25.12.2005
Сообщения
135
Да действительно фрэймы это ужас...новички так и прут к ним своих знакомых немогу отучить от этого,
насчет цветовой гаммы, найди себе таблицу цветов и подбирай
 

R1S

Well-Known Member
Регистрация
11.01.2006
Сообщения
160
Здраствуйте! Вот я кажется нашёл сайт, который мне понравился настолько, что я даже зарегился. :)
С вышеизложенными отзывами по поводу фреймов абсолютно согласен.А вот что касается визуальных редакторов не совсем согласен.После того как там что-то набросал приходится все-равно в ручную редактировать, как не крути.И потома первый сайт(ы) лучше помучаться, поэтому брать лучше неболь шой проект, например как многие начинают с хоум паги.А вот Флеш действительно рулит! Но опять же в меру, издевательства, когда главная весит по 1Mb, я думаю не приемлемы, а так же всякие много численные писки и подмигивания - отвлекает от сути.
 

alexbbell

New Member
Регистрация
26.12.2005
Сообщения
8
А вот что касается визуальных редакторов не совсем согласен.После того как там что-то набросал приходится все-равно в ручную редактировать, как не крути.
Ты в редакторах HTML набрасываешь дизайн сайта?? ИМХО, лучше (и правильней) в фотошопе макет нарисовать, а потом верстать его уже руками.
 

R1S

Well-Known Member
Регистрация
11.01.2006
Сообщения
160
Может я кнечно что попутал, т.к от него отказался (виевера) и мало иснользовал, но по-моему как только ты его открываешь там уже есть то, что тебе не нужно, а при забрасывании флеш там так же появляются не нужные сторчки. А дизайн сайта я набрасываю во флеш, может это и не правильно, но мне нравится.
 

v0rbis

selfcoded
Регистрация
02.05.2005
Сообщения
923
дизайн сайта надо на листке бумаги карандашем. олд-скул такой вот :)


Молодца я тож сначала на листочке, потом в фотошопе, а потом чрез редактор PHp expert!! удобно и просто
 

LeopART

Well-Known Member
Регистрация
10.05.2005
Сообщения
718
А у меня дизайн рождается не иначе как в мозгу :)
А процесс его произведения на свет начинается с сбора нужных графических кусков. Впрочем в некоторых случаях все средства хороши, и листочки с карандашиками, и фотошоп. За ислючением пожалуй набросков в визуальных редакторов.
Кстати листочки с набросками и сопустствующими надписями (которые появляются в процессе творения) периодически пригождаются как раз в этом самом дизайне :)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ