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

Чат
Свідомий
bylterer
Сербесита, Link awe
Сербесита
Бухлїшко, Link
Сербесита
Цитата: Бухлїшко
Так и сказали: "Пака хуй не отрастите взад (то есть обратно, а не то шо вы подумали) - хуй вам, а не матрица"
PlayDALNOBOY
Бухлїшко, awe2
bylterer
Фуфырик, хуйца сосни,защекатор butthurt
Фуфырик
Ну шо вы, знов по московському часу жить будем - Зрада?
Бухлїшко
kartmanVS
Бухлїшко, ну хз хотя вроде отдельная история будет просто
Бухлїшко
PlayDALNOBOY, Link
Бухлїшко
Так и сказали: "Пака хуй не отрастите взад (то есть обратно, а не то шо вы подумали) - хуй вам, а не матрица"
Бухлїшко
kartmanVS, я читал, что те, кто собираются снимать продолжение вачёвских послали нахуй
kartmanVS
Бухлїшко
PlayDALNOBOY, и чо?
PlayDALNOBOY
О бля у ыас время по мск зрада блять!
PlayDALNOBOY
И баба орала какуюто нераборчивую хуиту про наваленого butthurt
PlayDALNOBOY
Бухлїшко, сегодня видили ДЕМОНстрантов толпа животных awe2
Бухлїшко
PlayDALNOBOY
*навальный
PlayDALNOBOY
Свідомий, прям как наыальный butthurt
Свідомий
Свідомий
PlayDALNOYOB, :smiley:
PlayDALNOBOY
Свідомий, ты у стоматолога был чтоттакой смелый? troll
Свідомий
Свідомий
Комунист
а я 10 бутылок из леса привёз немного чище стало
россо леванто
Свідомий, Link
Свідомий
Комунист
Свідомий, http://coub.com/view/fhsjt
Комунист
Свідомий, http://aspekty.net/2017/uchenyie-razgadali-taynu-tyazheloy-kosti/

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

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

(М) 8==>
(Ж) (.)(.)
(не определился) (.)(.) 8==>
 
 
 
02:15
 
 
19155
 
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
 
4610
 
Мистер 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
 
4610
 
Мистер 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
 
3385
 
Журналюги
0
чувачки прикольные :)

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

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

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