Главная страница » FAQ » web2.0 - тенденции в оформлении и верстке

Чат
Свідомий
Бухлишко
Свідомий, ... поет. Зеленое море тайги lol
Свідомий
Бухлишко, под крылом самолёта о чём-то...
Бухлишко
bylterer
bylterer
порох на вертолете съебал в крым troll
Сербесита
Snakely
darmidonec,Нет простал перестал врать.
darmidonec
че там чуркин исдох ?
Бухлишко
Hevding, я б за такие слова тоже послал бы нахуй
Hevding
Бухлишко
— здравствуйте, к психиатру кто последний?
— любитель ракет и сладких конфет, мальчишка — герой приключений, он маленький супер-гений, обожает изобретения и мир он спасет от разрушений, и всем поможет он, наш джимми нейтрон.
— я за ним.
Pine from cellars
ни кто не любит тут жопы, я это понял давно, но постоянно говорят о них
bylterer
вас глиномесов только взбодри awe2
Pine from cellars
россо леванто, познавать - это ключевое слово тут. ТО есть ты к примеру будешь познавать (уточнение, познавать могут только мужкого пола особи) awe
Мясник
awe2
Pine from cellars
россо леванто, и шо тут такого? butthurt Я ж не уточнил как
россо леванто
popcorn
россо леванто
Цитата: Pine from cellars
я хочу что бы и ты познал это
россо леванто
Цитата: Pine from cellars
жопа - это такой мир где не каждый за свою жизнь познает его.

Цитата: Pine from cellars
стоит один раз войти и ты...
Pine from cellars
Мясник, нетроссо леванто, я тебя последнее время совсем не понимаю
A`time
россо леванто, Я наверное не вовремя зашел. Не буду вам тут мешать awe2
россо леванто
A`time, не, Пин призывает всех трахаться в жопу
Мясник
Pine from cellars, ты тоже из мариуполя?
A`time
Позднего вечера. Что тут у вас происходит? Буля опять карает своими высказываниями?
Pine from cellars
Мясник, ошибаемся на половину - я хочу что бы и ты познал это неведомый тобой мир troll
Pine from cellars
Мясник, стоит один раз войти и ты без этого мира уже чувствуешь себя в сухом остатке
Мясник
Pine from cellars, butthurt ты хочешь сказать что он познал и теперь хочет поделиться?
Pine from cellars
Мясник, жопа - это такой мир где не каждый за свою жизнь познает его. Поэтому ни надо
Бухлишко

Только зарегистрированные посетители могут писать в чате.
Опрос

Где встречаем Новый Год ?

С семьей дома
С семьей не дома
С друзьями дома
С друзьями не дома
В Интернете
 
 
 
Также можете почитать
02:15
 
 
19142
 
18
Сейчас уже, наверное, ни у кого нет сомнений, что в сети утвердился новый стиль оформления сайтов. Это стиль оформления Web2.0 ресурсов: блогов, социальных сетей, различных on-line сервисов и приложений. Случается, что если заказчик "продвинут", он так и говорит: - Мне нужен Web2.0 дизайн. Что касается технической стороны Web2.0, с этим вроде все понятно: верстка дивами, оформление всё в CSS'aх, и побольше AJAX'а. А вот по дизайну в стиле Web2.0 я уже давно рыскаю в поисках каких-либо толковых обзоров или свода правил. На днях нашел очень приличную статью по этой теме. Кто читает на английском - здесь оригинал, а кому не охота сидеть со словарем - ниже перевод...

Одну из весьма распространенных тенденций Web2.0 дизайна и верстки я называю: "Чистота и Горизонтальная разбивка" сильно, да :)? Вот пример:

web2.0 - тенденции в оформлении и верстке


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

web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


Думаю этого вполне достаточно :).
Верхний сегмент/Лого
Посмотрите еще раз на вышеприведенные скриншоты, вы видите, что верхний сегмент и лого у большинства сайтов оформлены достаточно единообразно. Самая верхняя часть сайта обычно выполнена наиболее темным цветом и содержит логотип и очень простой текст, дополняющий название ресурса.

web2.0 - тенденции в оформлении и верстке


Логотипы могут быть конечно украшены несколькими фишками, но ничего чрезмерного.

web2.0 - тенденции в оформлении и верстке


В верхнем сегменте логтип - это основное, количество других элементов здесь максимально уменьшено. Топ выглядит чисто и свежо, здесь пользователя не перегружают информацией и навигационными ссылками.
Другие сегменты
Второй сегмент (расположен сразу под топом) обычно выполнен самой большой типографикой. Он содержит несколько броских фраз и (или) "точку продажи" этого сайта (кнопки-ссылки: sing up, downloads и т.п.).

web2.0 - тенденции в оформлении и верстке


Третий и четвертый сегменты обычно более детально объясняют функции сайта, содержат скриншоты программ, фотографии вещей продаваемых на сайте, список особенностей того или иного продукта. Эти сегменты также содержат точки входа в какие-либо сервисы ресурса.

web2.0 - тенденции в оформлении и верстке


Цвета

web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


web2.0 - тенденции в оформлении и верстке


Цветовые схемы Web2.0 достаточно разнообразны. Градиенты используются достаточно широко, но тонко. Часто используются монотонные темно и светло голубые тона, со всплесками ярких цветов, которыми выполнены иконки и кнопки сайта.
Иконки/Вектор/Персонажи
В Web2.0 дизайне большое значение играют графические элементы. Они во многом определяют то чувство и общее впечатление, которое вызывает у пользователя все оформление в целом. Графические элементы как правило представлены мультяшными иллюстрациями (cartoons) и яркими броским иконками.
Векторные мультяшные персонажи визуально обращаются к пользователю, они дополняют и расширяют брендинг сайта. Персонажи заставляют почувствовать, что сайт очень удобен и прост в использовании.

web2.0 - тенденции в оформлении и верстке


Иконки и значки в Web2.0 дизайне играют роль вспышек цвета. Они также могут акцентировать внимание к маркетинговым аспектам продукта/приложения/сервиса.

web2.0 - тенденции в оформлении и верстке


Навигация
Важной особенностью Web2.0 является простота, эффективность и чистота. Ключом к ощущению чистоты является простая навигация. Посмотрите еще раз на главные страницы тех примеров которые я привел: панели навигаций состоят максимум из семи пунктов. На некоторых сайтах есть всего только три навигационные ссылки: Home, Login, Sign up.

web2.0 - тенденции в оформлении и верстке


Итак, мы получили достаточно полный анализ таких тенденций оформления Web2.0 ресурсов, как Чистота, Красочность и Горизонтальная разбивка. Я надеюсь, что этот обзор пригодится вам при оформлении Web2.0 сайтов.

Источник
0
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
#1
26-02-2009 02:48
 
10
 
2374
 
Старожилы S.F.W.
0
устарело ето хз когда уже
__________________________________________


#2
 
NoID
26-02-2009 03:02
 
231
 
4609
 
Мистер S.F.W.
0
Цитата: Семен Исакович 80лет
устарело ето хз когда уже

Я на глагне писал, что статья старенькая. Ну а по большому счёту, где-то может и устарела, но до нас по-прежнему, как до Чукотки. К примеру, когда Вал, частично в таком "мультяшном" стиле сделал скин, было много камментов, о том, что скин получился детский, хоть это далеко не так. Так что насчёт устарело, я бы не стал так категорично заявлять. winked
__________________________________________

#3
26-02-2009 03:06
 
10
 
2374
 
Старожилы S.F.W.
0
Сейчас уже, наверное, ни у кого нет сомнений, что в сети утвердился новый стиль оформления сайтов.
lol
Одну из весьма распространенных тенденций Web2.0 дизайна и верстки я называю: "Чистота и Горизонтальная разбивка" сильно, да :)?

юзабилити вот основа и смысл появления веб2.0

все остальное huy сейчас те кто особенно сильно тискают гуся, пишут сделаю сайт в стиле В3.0 и видел даже В4.0 lol

Цитата: NoID
Ну а по большому счёту, где-то может и устарела, но до нас по-прежнему, как до Чукотки.

Цитата: NoID
Так что насчёт устарело, я бы не стал так категорично заявлять.

тут ты прав, но для рос. заказчика главное счас карамель.
__________________________________________


#4
 
NoID
26-02-2009 03:43
 
231
 
4609
 
Мистер S.F.W.
0
Цитата: Семен Исакович 80лет
сейчас те кто особенно сильно тискают гуся, пишут сделаю сайт в стиле В3.0 и видел даже В4.0

scary

Цитата: Семен Исакович 80лет
тут ты прав, но для рос. заказчика главное счас карамель.

м-м-м, карамелько hav
__________________________________________

#5
 
Aranel
26-02-2009 05:25
 
144
 
Старожилы S.F.W.
0
Такое чувство, что все по одному шаблону сделаны (это я про кортинге).
__________________________________________
If you need somebody to love,
Just look into my eyes
[Guitar Team] [Black metal Team] [Реконструкторы Team] [Slackware rulezz forever] [Скутеры suxx]

#6
 
gavi
26-02-2009 05:41
 
Гости
0
Цитата: Aranel
Такое чувство, что все по одному шаблону сделаны (это я про кортинге).

да это и есть шаблоны. статья ничем не полезна ни знающим ни новичкам

#7
 
Valter
26-02-2009 08:29
 
325
 
12368
 
Журналюги
0
Пусть и устарела, но есть аспекты, которые актуальны и сейчас.
__________________________________________
и долгая тьма закончилась...

#8
 
Vicodin
26-02-2009 08:56
 
157
 
3378
 
Журналюги
0
чувачки прикольные :)

#9
 
Xe-Xe
26-02-2009 09:27
 
5
 
2665
 
Старожилы S.F.W.
0
5
а сайты со скринов какие-то унылые recourse
__________________________________________

#10
26-02-2009 09:49
 
468
 
5392
 
Журналюги
0
5

#11
 
Xaoc85
26-02-2009 10:01
 
Гости
0
4

#12
 
havoc
26-02-2009 10:09
 
5
 
914
 
Старожилы S.F.W.
0
Цитата: NoID
Ну а по большому счёту, где-то может и устарела, но до нас по-прежнему, как до Чукотки.

+1

<strong>NoID,</strong> жаль скрины некликабельны .....

#13
26-02-2009 11:08
 
78
 
3412
 
Редакторы
0
Цитата: Xe-Xe
а сайты со скринов какие-то унылые

действительно УГ, такое впечатление что на нем можно повесить объяву "Ежегодно проходите флюорографию"
__________________________________________
Лети мой сокол, лети
Туда где в синей дали
Волна качает как белых чаек
Крылатые корабли..

Иллет

#14
26-02-2009 11:17
 
Гости
0
5

#15
26-02-2009 15:08
 
5
 
747
 
Старожилы S.F.W.
0
а что будет познавательно для новичков? upset
__________________________________________
художественная роспись кожаных изделий,текстиля,аэрография

#16
 
SEND69
26-02-2009 16:51
 
934
 
Старожилы S.F.W.
0
5
__________________________________________
Мир меняеться, Время быстро летит, Вчерашняя история сегодня - Хит (Реклама McDonald's)

#17
26-02-2009 18:35
 
606
 
6136
 
Журналюги
0
5

#18
 
Byte
26-02-2009 19:09
 
Гости
0
уж сколько раз твердили миру....
WEB2.0 это не дизайн.
Пройдет мода станет меньше цветастых логотипов и мультяшных чуваков (например).
А вебсервисы, социальная генерация контента и прочие принципы в2.0 останутся и будут развиваться.

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
наверх