• Регистриция
Этап применения умений и навыков.
Плохой специалист винит не себя, а инструменты, которыми он пользуется. Поэтому убедитесь в том, что ваше прог...
Этап финальной доводки.
Именно внимание к деталям отличает хорошую работу от великолепной. Вот несколько советов как «добавить изюм...
Фиксированный размер шрифта на Ваших веб-страничках
Вы когда нибудь задумывались о том, как выглядят ваши веб-странички на других компьютерах? Наверняка задумыв...
Этап финальной доводки.
Именно внимание к деталям отличает хорошую работу от великолепной. Вот несколько советов как «добавить изюм...
Секреты индексации сайта. Сайт может и должен работать. Пример №2
Звонит скептически настроенный знакомый и рассказывает "ужасную" историю. Сфера деятельности - бытовая элект...
При создании дизайна для Сети вам нужно принять к сведению, что контент будет меняться. О том, чтобы тратить в...
Плохой специалист винит не себя, а инструменты, которыми он пользуется. Поэтому убедитесь в том, что ваше прог...
Создаем эффект глубины: 5 дизайнерских приемов.

Хороший дизайн является не роскошью, а необходимостью. С каждым днем количество веб-сайтов увеличивается все больше и больше. Общий уровень дизайнерской грамотности постоянно повышается, а следовательно требования к современному дизайну все выше и выше. Попав на плохо оформленную страницу, посетитель может почувствовать неуважение к своей персоне и скорее всего быстро покинет такой сайт. В этой статье мы рассмотрим способы, позволяющие повысить смысловую нагрузку текста и изображений на веб-страницах.

Что должен делать дизайн:
привлечь внимание
сделать сайт непохожим на другие
донести информацию в полном объеме

Рассмотрим подробнее вышеперечисленные способы.

Привлечение внимания.

Хороший дизайн не позволит вашему сообщению затеряться среди миллионов других. Чтобы быть конкурентоспособным, важно не остаться незамеченным.
Просматривая страницы наиболее популярные сайтов, несложно выявить их общие свойства. Важно понять, чем они привлекают внимание посетителей. Какие использую цветовые решения, шрифты, пиктограммы, графику, как размечают свои страницы. В данной статье я не буду останавливаться на конкретных примерах, поскольку на мой взгляд, важно понять общий алгоритм повышения дизайнерской грамотности.

Сайт должен быть непохож на другие.

Дизайн должен обеспечивать узнаваемость вашего сайта. Например закусочную Макдональтд можно узнать за несколько сот метров. То же самое можно сказать про заправки Лукойл. Очевидно, что такая узнаваемость приносит немалые прибыли этим фирмам. Так почему бы и в нашем случае не использовать этот прием.
Подчеркнуть индивидуальность своего сайта можно необычной компоновкой, оригинальным цветовым решением. Стиль сайта может быть консервативным, современным, романтическим.
Интерфейс страниц должен быть одинаковым на всех страницах сайта. Во-первых это позволит посетителя без труда находить нужную ему информацию, а во вторых страницы с одинаковой компоновкой будут восприниматься как "старые знакомые". Как известно, любой человек предпочитает знакомое незнакомому. Узнаваемость сайта в конечном итоге станет немаловажным аргументом в борьбе с конкурентами за привлечение новых потенциальных клиентов.

Эффектный дизайн доносит информацию в полном объеме

Просматривая страницы вашего сайта, у посетителя немедленно сложится впечатление о значимости содержимого. Эффектный дизайн подчеркивает важность сообщения. Правильно подобранные шрифты, цвета, обрамления, пиктограммы, свободное пространство производят на посетителя положительное впечатление.
Если же вся страница набрана одним и тем же шрифтом, загромождена мелочами, у посетителя сложится впечатление о непрофессионализме автора.
Для хорошего дизайнера очень важно удобство чтения создаваемого документа, которое зависит от таких параметров как длина строк, межстрочный интервал, выравнивание, размер шрифта и т.п. Большие тексты старайтесь разбивать на поддающиеся восприятию фрагменты. Вставляйте подзаголовки, добавляйте пробелы между строками. Используйте блок-схемы, диаграммы, таблицы. По возможности заменяйте текст иллюстрациями.
Эффектный дизайн облегчает восприятие страницы, т.е. доносит информацию в полном объеме.

 

Популярное

  • PHP. Пишем счетчик просмотров для каждой страницы сайта на php
    На некоторых сайтах часто можно увидеть следующую надпись внизу страницы или под статьями: "Всего просмотров xxx. Сегодня xx". На первый взгляд ничего примечательного...
    Пишем 'гостевую книгу' с нуля на php
    Почти на каждом более-менее популярном сайте есть форум или гостевая книга, эти элементы нужны для постоянного общения автора сайта с его пользователями. Но многие...
    Окна сообщений
    Хотя всплывающие окна это и очень эффективный метод получения новых подписчиков, есть один еще более успешный. Сочетая его с хорошим стимулом, вы в буквальном смыс...
    Собственная статистика поисковых слов (Яндекс, Рамблер, Google,...) на PHP
    В этой статья я бы хотел поделиться с вами своей новой разработкой – анализатором поисковых запросов с популярных поисковых систем, посмотреть, что это такое, и ка...
    Гостевая книга на PHP.
    В этой статье рассказывается о том, как создать гостевую книгу, описывается её структура и реализация. За пределами статьи остаются дизайн, вёрстка, оформление и т....
  • Организация CSS-файлов: Совет 1 - Флаги
    CSS Organization Tip 1: FlagsВам приходилось писать и работать с большими CSS-файлами? Мучались с бесконечным скроллингом вверх-вниз в поисках нужной части кода? CSS-файлы, с котор...
    Частые ошибки в веб-дизайне.
    Разметка текста – одна из самых важных характеристик дизайна. В большей части проектов текст доминирует, так что хорошо подобранные шрифты могут стать ключом к ра...
    Компот и мухи веб-разработки
    Русский интернет (уже наконец) вовсю осваивает “дизайн через CSS”, но многие все равно не понимают, почему именно надо дизайнить так, а не по-старому, через таблицы. Р...
    Создаем веб-дизайн на тему комиксов, Photoshop и HTML+CSS
    Давайте начнем! Для быстроты изложения я опущу объяснение основ (вроде того, как создать слой-маску или отредактировать обработчики или векторную фигуру). Вам нужн...
    HTML 4 не является языком оформления веб-страниц.
    Он является языком логической разметки страниц. Раньше, создавая HTML-документ, вы думали о том, что этот заголовок будет сделан жирной верданой золотистого цвета и о...
  • Немного о PHP.
    Интернет уже давно прочно вошел в нашу жизнь. Это смелое утверждение можно доказывать или опровергать много раз, но так или иначе все меняется, а с этим спорить никт...
    Основы написания PHP программ
    Как и в любом языке программирования в PHP есть свои правила, константы, зарезервированные слова и операторы, с помощью которых выполняются различные манипуляции с ...
    История РНР
    Начинать нужно всегда с самого простого, и сейчас я попробую познакомить Вас с программированием на скриптовом языке РНР. РНР (читается как пи-эйч-пи) появился на св...
    Особенности РНР
    Как и у всякого языка программирования, у РНР есть свой синтаксис. Он очень похож на синтаксис языка С или Perl. Программисты, пишущие на этих языках, смогут освоить РН...
    Введение в PHP
    PHP - это скриптовый язык программирования, который исполняет весь свой код на стороне сервера, а клиенту выдается только результат работы скрипта. Изначально PHP рас...

Теги

Календарь

< Ноябрь 2011 >
П В С Ч П С В
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 30        

Наши фото

Укажите свое мастерство









 

Обрати внимание

Факторы, влияющие на результаты поиска (поисковой выдачи)
На данный момент поисковыми системами при ранжировании сайтов используются два фактора:Соответствие текста страницы запросу, введенному пользователем (поискова...
Хороший дизайн
Как-то раз собрались авторитетные дизайнеры со всего мира и стали думать, что такое хороший дизайн. Думали - думали, и пришли к выводу: Хороший дизайн - это дизайн, ко...

На заметку

Твой сайт
Изготовление сайта - штука тяжёлая и занимает кучу времени. Так что длительность прогулок под Луной с любимой девушкой, а для кого и с любимым бойфрендом, придется с...
JavaScript: очистка формы
Для очистки формы существует специальная кнопка Reset, при нажатии на которую данные формы возвращаются в исходное значение. Если ввести свои данные в форму, а затем ...