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

Чат
Свідомий
россо леванто
lol popcorn
bylterer
logistik123, так ты еще и дура ебанутая с кривым ротом
Свідомий
fenix312
тут лгбт парад, там движение за права феминисток, еще негры свои права отстаивают, такое ощущение, что только у белых гетеросексуальных мужчин в этой жизни нет прав recourse
Свідомий
Комунист, Link
logistik123
bylterer, Дура
bylterer
logistik123, криворотое создание butthurt
logistik123
Pine from cellars, +
logistik123
Pine from cellars,
Комунист
http://korrespondent.net/world/3864997-premer-kanady-s-semei-uchastvoval-v-praid-parade
Комунист
https://youtu.be/PVC-ZDcrgIo?t=2348
мистерСрАзУ
kartmanVS, ты в главной роли ? если да, то не надо.
kartmanVS
берегите баранов рамадан закончился. ждем видео как ебут овец butthurt
Бухлишко
Pine from cellars, Link
Pine from cellars
Бухлишко
Pine from cellars, ну нихуясе ты умный. И как эти глупые людишки умудряются умирать при пожарах? Пойди их научи, как вести себя если пожар facepalm
Pine from cellars
Московия город мусульман, а русские слуги в нём и им коврики пылесосят и подметают butthurt
Pine from cellars
Бухлишко, когда пожар - обычно, его тушат или выходят на улицу
Комунист
https://www.youtube.com/watch?v=o3n_DduHFLY
Бухлишко
Subbo, тоже про это подумал. Задохнешься нахер
Subbo
Утепление такое круто, а если пожар?
россо леванто
россо леванто
Кооооооко...
kartmanVS
daldon
Бухлишко
Свідомий, сорян. Не разбираюсь в этих ваших извращениях
Свідомий
Бухлишко, это не стрим...
Бухлишко
Свідомий, ты подзаебал уже своими стримами тупыми

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

Как часто вы думаете?

постоянно
иногда
ШТО
 
 
 
02:15
 
 
19180
 
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
 
4613
 
Мистер 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
 
4613
 
Мистер 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
 
3396
 
Журналюги
0
чувачки прикольные :)

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

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

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

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

+1

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

#13
26-02-2009 11:08
 
78
 
3421
 
Редакторы
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 останутся и будут развиваться.

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