Статьи по web дизайну
............ на главную сайта mirash.ru

Статьи про web дизайн

создание сайтов портфолио флеш работы банеры
............................
дизайн сайта | разработка логотипа фирменного стиля | создание сайтов | создание банерной рекламы | флеш разработки | портфолио web дизайнера | дизайн корпоративного сайта | дизайн интернет-магазина | дизайн сайта-визитки | полиграфия
гравная дизайнера сайтов создание сайтов
интересные Статьи по web дизайну
...
дизайн сайта Статьи по web дизайну Статьи, статейки...
нужен дизайнер сайтов   А что у нас есть почитать?! создание Статьи по web дизайну


    Дизайн сайта в стиле Web 2.0

    создание сайта под ключ новосибирск В последнее время очень модным стало употреблять при разработке сайта термин "web 2.0". Дело доходит до того, что одни не имея даже базового понимания что же это такое делают сайты web 2.0, другие, даже не представляя, о чём идёт речь, заказывают именно сайты web 2.0. И те и другие являются заложниками ажиотажа, связанного с этим понятием.

    Ниже приведены некоторые особенности стиля Web 2.0, применяя которые Вы создадите совсем непохожие дизайны сайтов на те, которых сейчас полно в Рунете (русскоязычный интернет)!

    Хотите выделиться? Хотите, чтобы Ваш сайт запомнился каждому посетителю? Хотите получить отклик от читателя? Тогда читайте внимательнее!

    Шрифт

    Размер шрифта в Web 2.0

    Размер шрифта. Первое, на что стоит обратить внимание, так это шрифт. Если Вы хотите, чтобы пользователь прочитал Вашу статью, то упростите ему чтение! Сделайте шрифт побольше! Наиболее удобный это 17–18 px.

    Градиенты

    Применяйте их! Градиенты нужны для придания нестандартности web графике. Они делаются в Photoshop ’е. Градиент – это плавный и не очень переход от одного цвета или оттенка к другому.

    Web 2.0 просто доверху набит графикой с градиентами. Вот некоторые примеры градиентов в Web 2.0:

    Градиент для Photoshop

    Красивый градиент в стиле Web 2.0

    Круглые углы

    Закруглённые углы в web дизайне

    Круглые углы с помощью Photoshop

    Иконки

    У Web 2.0 есть свои иконки. Вот некоторые иконки, которые Вы сами можете без труда сделать в Photoshop:

    Скачать иконки в стиле web 2.0Иконка web 2.0Иконки web 2.0 скачать

    Как видите, на них также применяются характерные градиенты.

    Какие иконки должны быть:

    Единственное, что Вы должны соблюдать для дизайна в этом стиле, так это градиенты. И ВСЁ! Всё остальное  — исключительно Ваша фантазия! Если «тырить» чужие идеи ничего хорошего не будет!

    Эффект отражения

    Отражение в web дизайне

    Отражения для текста, элементов на картинке. Эта имитация отражения в воде. Представьте речку. Посмотрев на воду, Вы видите отражение домов, деревьев и т.д. Такой эффект популярен и в стиле Web 2.0. Постарайтесь применять этот эффект не везде, а только в важных частях дизайна, например, в хедере, в логотипе.

    Главные части

    Обязательно (!) выделяйте значимые части дизайна и текста. Выделить текст можно цветом, чуть большим (на пиксель — два) шрифтом, сделать подчёркивание. Изображение также поможет выделить необходимую часть сайта, например, меню.

    При просмотре текста, пользователь может пропустить какую-то часть. Иногда он бегло просматривает первые несколько слов в новом абзаце и думает, есть ли там что-то полезное. Но его взгляд всегда остановится на не стандартно-отмеченном тексте.

    Пользуйтесь этим

    Разметка страницы

    Максимум 1–2 колонки – вот к чему надо идти:). В web дизайне стандартном на сайте есть всегда колонка навигации, основной блок вывода текста и третья, дополнительная колонка для вывода некоторых специфичных данных. А Вам нужно сделать этих колонок как можно меньше – в идеале одна для вывода основного текста. Это удобно! Вот примеры:

    Сайт Skype

    Центральное выравнивание. Если Вы последовали совету и ограничились одной колонной, то Вам нужно расположить основной контент посередине. Вот так:

    Тема для Wordpress Coda

    А не так:

    Дизайн сайта Rambler.ru

    Если Вам нужно две колонны, то выравнивание сделайте как на моём сайте. Вам это будет в самый раз.

    Маленькая область вывода основного текста. Это значит, что не старайтесь основную колонку сделать как можно больше. Так не очень удобно читать. А вот если она пикселей 700, то так читать будет удобнее.

    Другие важные отличия Web 2.0.

    • Текст поделён на абзацы. Не надо писать поэмы, не разделяя по смыслу куски текста.
    • Ajax. Позвольте пользователю наслаждаться Вашим сайтом, а не ожидать его загрузки. Постарайтесь такие элементы как: комментирование, голосование, галереи картинок, обновление незначительной части страницы сделать на Ajax!
    • Не сильно важные элементы прочь! Не надо перенагружать страницу всяким ненужным хламом. И страница тяжелее и пользователю не надо.

    И самое главное:

    Web 2.0 – это прежде всего для пользователя! Старайтесь всё делать для удобства!

    Понравилось прочитанное!? Сохраните на память...

     


Так же рекомендую почитать статьи:
Основные принципы дизайна Web-сайта
Еще о Web 2.0
Социальные сети

лучшие работы дизайнера Статьи по web дизайну Статьи по web дизайну современных сайтов

 
.....
web 2.0 Статьи по web дизайну


оригинальное портфолио сайтов эксклюзивное портфолио
   Создание сайтов: почему я?

дизайн сайта портфолио дизайнера

Вот несколько причин:
1) Я мыслю прогрессивно и иду в ногу со временем.
2) Я учитываю все последние веяния в дизайне.
3) Дизайн Вашего сайта будет эксклюзивен.
4) Я не зависим от других.
И главное, для создания Вашего индивидуального сайта, Вам только необходимо определить для меня задачу - остальное я сделаю сам! Проверьте и, я уверен, Вы останетесь довольны!

web дизайн  заполнить техническое задание на создание сайта   индивидуальных подход к созданию сайта  заказать дизайн сайта
студия веб дизайна новосибирск дизайн портфолио

 

 

 
   Реклама - двигатель прогресса

...


защита информации компьютера
              задать вопрос уличные сайты      
контакты владельща сайта На главную
 
Web дизайн
Портфолио web дизайна
Статьи о web дизайне
Flash работы
Карта сайта
 
МиражГИД - полезные интернет-сервисы
Руководящие документы по защите информации
Фото работы
Реклама на сайте
тел: 8 (924) 30-555-99

E-mail: mirash_mel@mail.ru

ICQ: 299-59-77-00
компьютерная безопасность
руководящие документы по ИБ руководящие документы по ЗГТ
сайт от Мирошниченко Евгения Леонидовича