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

Чат
Істота
Дід Мороз по лісі йшов,
Під кушем гриба знайшов.
Брав за ніжку так і сяк —
Не подужає ніяк.
Окуляри дід надів,
Подививсь і аж присів:
— Та який же це грибок?
Це ж засніжений пеньок!
замри и умри
да он нам жопу показівает еще смеется подлец
Варламов
охохо
замри и умри
кто все єти жалкие мешки с костями
замри и умри
no
Варламов
сцашка
Варламов
охохо
замри и умри
хуй
Варламов
huy
ХУЙНЯZEF
Ну их нахуй плаиные смс отправлять
bylterer
А я хуем смски набираю butthurt
Pine from cellars
bylterer, шикочит ей butthurt
Pine from cellars
bylterer, ты иксфаХтор смотришь, еба там на м1 на стб телемост крутят премия и фактор - голова от такого кружится rega4 как при посадке
bylterer
Pine from cellars, А шо все спят?
Pine from cellars
A`time, ты там не суицидником заделался? А то весь вечер такой настрой гонишь...
bylterer
Голосуйте сучки в иксфакторе troll
A`time
The End is near
sergsum
ХУЙНЯZEF, У тебя правая Нинка, а левая Инка? Или наоборот? awe2
ХУЙНЯZEF
Хачу инку выибать
ХУЙНЯZEF
Сталина на вас нету
ХУЙНЯZEF
Как изгоняют дьявола, так и я изгоняю говно из тела - унитазом troll
Бухлишко
line14, она утонула
ХУЙНЯZEF
Шлюшка-вагинатор
line14
Парни, добрый вечер. А кто знает, что случилось с games.triolan?
Блондотоп
bylterer, fuck
Варламов
fuck
Варламов
Татка Медузкина
bylterer, а чо так? blink lol
bylterer
Татка Медузкина, жду тебя с варламычем после нового года awe
Татка Медузкина
bylterer, awe

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

Новое имя для чемпа

Так я женат
Ради кал
Сперва добейся
$1000
Извини за супругу
 
 
 
Также можете почитать
02:15
 
 
19123
 
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
 
4608
 
Мистер 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
 
4608
 
Мистер 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
 
3368
 
Журналюги
0
чувачки прикольные :)

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

#10
26-02-2009 09:49
 
464
 
5388
 
Журналюги
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
 
3410
 
Редакторы
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
 
933
 
Старожилы 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 останутся и будут развиваться.

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