Вход | Регистрация

Информационные технологии ::

Метки:

Стиль Вашего сайта

Я
   Волшебник
 
28.05.04 - 22:56
Самое важное для любого проекта — его уникальность, узнаваемость. Это касается, как содержания, так и дизайна, т. е. того, как Вы преподносите материал. Далее я опишу те тонкости дизайна, которые позволят посетителям Ваших проектов сразу же узнавать их автора или, по крайней мере, видеть «руку профессионала». Итак…

Чистый дизайн
Чистый дизайн означает отсутствие всяческих «грязных» рисунков, кривых линий и т. п. Чаще всего начинающие дизайнеры, желая как-то выразить себя, перегибают палку с абстракционизмом. Они начинают вырисовывать непонятные изображения, кривые иконки, затуманенные «фотографии». Все это в большинстве случаев лишь отталкивает посетителей. Поэтому следите за тем, чтобы Ваш сайт имел достойный вид.
Очень осторожно относитесь к градиентным заливкам в рисунках, т. к. количество возможных цветов на сайте у профессионала всегда ограничено (не более 3–4). А значит, выбирая цвета для градиента, учтите, что Вы фактически уже выбираете два основных цвета для Вашего сайта.
Кроме того, обратите внимание на тени Ваших рисунков. Если Вы используете теневые оттенки, подложки в виде теней и т. п., обязательно посмотрите, как все это будет выглядеть в конечном итоге. Часто изображения с тенью имеют вид чего-то очень грязного. Не переусердствуйте с затемнением!
Единая структура
Оформляйте все разделы сайта одинаково. У посетителя на протяжении всего путешествия по сайту должно оставаться ощущение целостности проекта, иначе ему будет очень трудно ориентироваться в той информации, которую Вы предлагаете. Для всех страниц используйте один CSS-файл, тогда изменить внешний вид сайта в случае чего будет значительно легче. Все ссылки должны выглядеть одинаково.
Стиль текста
Пишите четко и осмысленно. Используйте единую схему терминов. То есть нельзя писать в одном месте «Рамблер», а в другом — «Рэмблер», в одном — «броузер», в другом — «браузер». Все должно выглядеть целостно.
Сразу же определитесь с тем, кто Ваш собеседник. Тогда будет легче «обращаться» к нему. Надо сразу же решить, ведете ли Вы свободный диалог с использованием местоимения «ты» или Вы придерживаетесь классической схемы «Вы». Обратите внимание на то, что слово «Вы» пишется с большой буквы в том случае, если обращение направлено на одного человека — как конкретного (например, в переписке со знакомым), так и воображаемого (классический вариант веб-статей). Если же обращение идет ко всей аудитории, то используется «вы» с маленькой буквы. К примеру: «Господин Литвинов, Вы почему-то все еще не заменили цвет ссылок.»
«Уважаемые подписчики, если вы хотите что-то добавить, пишите сюда.»
«В веб-дизайне Вам надо усвоить несколько вещей.»  


Орфография и пунктуация
Очень часто авторы веб-сайтов вообще не проверяют свои проекты на правильность написания. А надо всего лишь выделить текст, скопировать его и вставить, к примеру, в Word. После этого проверить орфографию и пунктуацию (F7). Кроме того, Word в конце сообщит даже количество сложных фраз и запутанных предложений. Иногда это бывает полезно.
Дефис и тире
Не путайте эти знаки. Дефис используется для разделения частей некоторых сложных прилагательных, существительных, междометий или слов с дефисными частицами (например, что-то), а тире, в основном — для разделения слов в предложении (например, интернет — это средство получения информации).
Стилистические иконки
Иногда рекомендуется использовать специальные изображения, облегчающие понимание материала или навигацию по сайту. К примеру, у себя на сайте перед всеми e-mail адресами я вставляю небольшое изображения письма (20x10 точек). Это значительно улучшает внешний вид страницы и придает структуре моего сайта единый вид, что очень важно.
Навигационный путь
Обязательно указывайте посетителю, где он находится в данный момент (с возможностью вернуться обратно). К примеру, на моем сайте вверху каждой странички есть навигационная строка вроде «Принципы работы  Исповедь  Сайт Вадима Литвинова», а внизу страницы есть кнопки «Обратно» и «На Главную».
Эти ссылки существенно облегчают жизнь посетителю. Кроме того, на сайт могут зайти, например, с поисковой системы, а ведь это вовсе на гарантирует попадание на главную страницу Вашего проекта. Значит посетитель должен иметь возможность попасть на нее.

Надеюсь, что знание этих тонкостей поможет Вам получить постоянных посетителей для сайта.

Источник: http://www.blandhost.net/opendoc.php?obj=style
 
  Рекламное место пустует
   Волшебник
 
1 - 28.05.04 - 22:58
Интересно > Статьи, веб-дизайн > Список статей по веб-дизайну, веб-программированию, веб-технологиям

http://www.blandhost.net/index.php?p=9&show=content


Документации

HTML для чайников; HTML для профи (zip-файл 34 КБ)свежее
HTML шаг за шагом (zip-файл 214 КБ)свежее
Web-дизайн - тонкости и хитрости (zip-файл 54 КБ)свежее
Документация по CPanel (zip-файл 442 КБ)
Документация по CSS: часть 1 (zip-файл 54 КБ)свежее
Документация по CSS: часть 2 (zip-файл 695 КБ)свежее
Документация по DOM: часть 1 (zip-файл 501 КБ)свежее
Документация по DOM: часть 2 (zip-файл 894 КБ)свежее

Статьи

Сервер IIS в вопросах и ответах (© relib.com)
WAP и ASP (© relib.com)
Аутентификация пользователей с помощью ASP (© activeserverpages.ru)
Вывод нетекстовых документов с помощью ASP (© activeserverpages.ru)
Построение многоуровневого меню — ASP (© activeserverpages.ru)
Трактат о внутреннем устройстве гостевых книг (© activeserverpages.ru)


Общие вопросы

Организация рабочего пространства веб-дизайнера (© vadim-litvinov.ru)
Правильный подход к разработке макета сайта (© computerlibrary.info)
Свой сайт step by step — "Выбор хостинга" (© blandhost.net)свежее
Что же такое информационная архитектура (© webword.com)


Дизайн и оформление

SSI и общий стиль (© protoplex.ru)
Как делать сайты качественнее (© zeldman.com)
Как "заценить" свой сайт (© web-silver.ru)
Как читают web-пользователи (© useit.com/jakob)
Кулинарные рецепты CSS (© Craig Saila)
Межбраузерная совместимость (© thedevweb.com)
Немного слов о кодировках (© cherry-design.spb.ru)
Разрушим величайший миф веб-дизайна (© Derek M. Powazek)
Серверные включения SSI (© ground.r2.ru)
Стиль Вашего сайта (© vadim-litvinov.ru)
Теория цвета — часть 0 (© webmascon.com)
Теория цвета — часть 1 (© webmascon.com)
Теория цвета — часть 2 (© webmascon.com)
Теория цвета — часть 3 (© webmascon.com)


Front Page

Front Page 2002 — Обзор новых возможностей (© nasta.virtualave.net)
Создание сайта при помощи Front Page 2000 — уроки 1-3 (© nasta.virtualave.net)
Создание сайта при помощи Front Page 2000 — уроки 4-7 (© nasta.virtualave.net)
Создание сайта при помощи Front Page 2000 — урок 8 + приложение (© nasta.virtualave.net)
Что Front Page 2003 нам готовит? (© nasta.virtualave.net)


Adobe Photoshop

Photoshop. Фильтры, эффекты и все такое (© vadim-litvinov.ru)
Photoshop. Оттачивая мастерство (© vadim-litvinov.ru)
PHP для начинающих и профессионалов
PHP — легче, быстрее, способнее (© piter.com)
PHP профессионально… FastTemplate (© phpclub.net)
PHP профессионально… Upload (© php.spb.ru)
PHP профессионально… Безопасность (© php.spiker.ru)
PHP профессионально… Приемы защиты веб-приложений (© woweb.ru)
PHP профессионально… Сессии (© php.spb.ru)
Вывод на экран и переменные в PHP (© virtual.brest.by)свежее


Java

Java & JavaScript (zip-файл 9 КБ)
Java-сервлеты (© Дэйл Догерти)
Пособие по Java (© cruxastata.chat.ru)


Раскрутка и реклама

Из тонкостей… Google AdSense (© raskrutka.net)
Из тонкостей… MSN (© raskrutka.net)
Из тонкостей… Yahoo! (© raskrutka.net)
Из тонкостей… Как правильно вести обмен ссылками (© sitemaker.ru)
Из тонкостей… Секреты Google Dance (© raskrutka.net)


Разное

Таблица безопасных веб-цветов
Термины, используемые в Интернете (zip-файл 22 КБ)
   Волшебник
 
2 - 28.05.04 - 23:04
Еще статьи:
http://www.ishodniki.ru/top/?cat=webdesign_article

* Orange color: теория и практика
* Soft для начинающего web-мастера
* Видеоэффекты в IE
* Возьми с собой в дорогу
* Восемь отличий профессионального web-дизайнера
* Встраиваем шрифт в веб-страницу
* Горизонтальная прокрутка
* Делаем качественный скриншот
* Дизайн vs Контент
* Дизайн с птичьего полёта или взгляд через микроскоп
* Дизайн сайта.
* За что надо отрывать руки
* Заголовок страницы
* Запретные слова
* Интеграция
* Как выбрать дизайнера
* Как выбрать студию Web-дизайна?
* Как поисковые боты индексят сайты.
* Как правильно создать pop-up страницы?
* Легкая навигация
* Лоскутные одеяла
* Лучшая для работы с форматом GIF
* Мелочи в дизайне
* Мета теги
* Навигация на сайте.
* Немного об index.html
* Нужна ли сайту база данных?
* О грязном инете
* Обзор Gif-аниматоров
* Основные способы раскрутки своего сайта
* Памятка заказчику веб-дизайна или о том, как выбирать разработчиков для создания веб-сайта.
* Пара уроков для начинающего Web-мастера
* Плохие дизайнеры с хорошим дизайном
* Подводные камни сайто-строительства
* Подготовка растровых изображений для WEB с помощью PhotoShop
* Правила хорошего HTML
* Практика двигателей. Часть I
* Практика двигателей. Часть II
* Про заказчиков
* Психология в дизайне
* Раскрутка - неочевидные аспекты
* Раскрутка - продвижение сайта - ценообразование или почему Мерседес стоит дорого
* С чего начинается сайт?
* Секреты web-графики
* Смотрите на широком экране
* Справочник свойств CSS1.
* Студия дизайна. Много ли надо чтобы организовать её?
* Твой сайт. Часть 1. Обзор Макса Трусцова
* Теория двигателей
* Фейерверк web-дизайна, или Кое-что о Fireworks
* Фиксированный размер шрифта на Ваших веб-страничках
* Цветовая гамма твоего сайта. Часть 3. Обзор Макса Трусцова.
* Четыре правила профессионального дизайна. Часть I
* Четыре правила профессионального дизайна. Часть II
* Четыре правила профессионального дизайна. Часть III
* Четыре правила профессионального дизайна. Часть IV, последняя
* Что случилось с PNG?
* Шрифт в web-дизайне
* Шрифтовое оформление в web-дизайне
* Этого не должно быть на Вашем сайте.
   Волшебник
 
3 - 28.05.04 - 23:45
См. также:
http://www.woweb.ru/

* Скрипты [3568]
Огромная коллекция скриптов написанных на разных языках программирования...  

* Графика [17361]
Статьи и уроки по Flash и PhotoShop, коллекция Flash исходников, а также другие примочки для веб-дизайнера...

* Статьи [622]
Статьи на разные темы, они помогут вам в вашем нелегком деле "веб-мейкерстве" и не только в нем...  

* Каталог сайтов [64453]
Если на нашем сайте нет того, что Вы ищете, зайдите в этот раздел, там может быть то, что Вам нужно...

* Программы [86]
Архив программ для веб-мастера и не только, различные редакторы, утилиты и просто интересные программы...  

* Доски объявлений [284]
Если Вы ищите работников или работу, хотите что-то купить или продать, посетите этот раздел...

* HTML шаблоны [149]
Готовые html шаблоны, которые помогут вам создать собственный сайт...  

* Flash исходники [766]
Огромная коллекция flash исходников...
   Волшебник
 
13 - 29.05.04 - 02:54
Основы верстки для сайта: http://www2.stack.ru/~julia/Guides/Advanced.html


Список тем форума
  Рекламное место пустует
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.
Ветка сдана в архив. Добавление сообщений невозможно.
Но вы можете создать новую ветку и вам обязательно ответят!
Каждый час на Волшебном форуме бывает более 2000 человек.
Рекламное место пустует