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

Чат
Apollon13
bylterer, носок перебросил в носок butthurt
bylterer
bylterer
А шо с приватгм,что за ссыль носок?
Apollon13
Свідомий, иди поебись с папкой пороха пидор butthurt
россо леванто
НосокСудьбы, daldon не может быть!
Свідомий
Свідомий
Свідомий
Apollon13
butthurt
НосокСудьбы
bylterer
facepalm
Комунист
Подача анального пара в 6 утра
Сербесита
Вставай, страна Луганская Вставай на смертный бойС данецкой силой темною, с проклятою ордой butthurt
Свідомий
россо леванто, Link
россо леванто
kartmanVS
самое врямя их ебать
россо леванто
В данный момент войска ДНР без объявления войны захватили столицу дружественной ЛНР Луганск. В Луганск вошла колонна войск
kartmanVS
будет у нас губернатором или министром здравоохранения "прям ганста-лакалут" butthurt
Angion
kartmanVS, он точно нам зробить" щасливе,эвропейське майбутнэ"
kartmanVS
Свідомий, КСТАТИ у нас же модно зарубежных политиков притаскивать может и этого из зимбабвэ притащим
Свідомий
Цитата: kartmanVS
ну типерь зимбабвэ заживет по новому!
Прям как Луганда
Бухлишко
Цитата: Свідомий
Переворот
Когда еврейское казачество восстало,
В Биробиджане был переворот-переворот
А кто затронет наш родной Бердичев
Тому фурункул вскочит на живот
Pine from cellars
Свідомий, говорят на парад республики гонят или НГ вместо ЙОЛКИ
вкуфь_фтпуд
Свідомий, никогда такого не было и вот опять!
Pine from cellars
Бухлишко, ты стал как Лиса, пишешь, а ответа нет! Настоящий оДмин
Свідомий
Pine from cellars
Бухлишко, он не придёт у него в жопе палка и привязан к проводу 220 или ты про того который на квадроцикле?

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

Кто ты, камрад?

(М) 8==>
(Ж) (.)(.)
(не определился) (.)(.) 8==>
 
 
 
02:15
 
 
19257
 
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
 
4616
 
Мистер 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
 
4616
 
Мистер 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
 
12370
 
Журналюги
0
Пусть и устарела, но есть аспекты, которые актуальны и сейчас.
__________________________________________
и долгая тьма закончилась...

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

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

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

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

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

+1

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

#13
26-02-2009 11:08
 
78
 
3427
 
Редакторы
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
 
605
 
6136
 
Журналюги
0
5

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

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