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

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

Метки: 

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

Я
   Волшебник
 
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 исходников...
   Asmody
 
4 - 29.05.04 - 00:07
Стас, ты бы на сайте раздел завел - ну типа "Кладовка" что-ли... А то ресурсы вроде полезные, но пока без надобности. А потребуется - так это весь форум перерыть... А так лежало бы оно в одном месте. Можно даже что-то типа wiki сделать - т.е. чтоб любой (или не совсем любой) мог инфу оставлять и комментировать.
   Волшебник
 
5 - 29.05.04 - 00:17
(4) Следующим важным обновлением движка станет "база знаний". При этом все зарегистрированные пользователи смогут рекомендовать любую ветку для добавления в базу знаний, а отдельные добровольцы (инженеры по знаниям) будут составлять из них страницы знаний, выкидывая все лишнее и оставляя все полезное. Можно назвать это FAQ, но это не совсем оно. В базе знаний ветки будут посвящены не только ответам на вопросы, но и другим темам.
   Asmody
 
6 - 29.05.04 - 00:47
(5) тогда в качестве идеи - для структуризации БЗ и упрощения поиска нужны категории, причем любое сообщение можно отнести к нескольким категориям.
для самих категорий напрашивается структура направленного графа, хотя на первых порах можно ограничиться и деревом.
пункт номер два - ключевые слова. ну тут и так все понятно.
пункт номер три - сообщения должны быть редактируемыми, т.е. любой "инженер по знаниям" должен мочь отредактировать любую статью (давай называть так)
4) ссылки - нужно видеть (в одном месте) прямые и обратные ссылки. т.е. на что ссылается данная статья и какие статьи из БЗ ссылаются на эту статью.
...
ну хватит пока.
   Asmody
 
7 - 29.05.04 - 00:48
(6)+ http://www.wikipedia.org опять же. только лучше :)
   Волшебник
 
8 - 29.05.04 - 00:51
(6) Все это я уже давно придумал.
Доказательство здесь: База знаний форума
и здесь: Самоорганизующийся форум
и здесь: Доработки к форуму (5-я доработка)

Но все равно спасибо за участие. Надеюсь, ты поможешь в структуризации информации. Но и без этого у тебя хорошо получается творить знание, что гораздо труднее, чем его просто собрать и систематизировать.
   Asmody
 
9 - 29.05.04 - 00:56
(8) заметь, я разделяю БЗ и форум. статьи из БЗ могут ссылаться на форум, и обратно. Ветка форума может быть помещена в БЗ. ну и т.д.
поскольку БЗ может пополняться не только из форума.
   Волшебник
 
10 - 29.05.04 - 01:00
(9) Все так и есть. Но с точки зрения движка нужно максимально унифицировать БЗ и форум, чтобы не писать второй движок. Фактически на первых порах можно сделать признак у ветки - "входит в базу знаний" и посмотреть, как пойдет дело. Затем эти ветки можно легко отобрать и сформировать из них отдельную таблицу или статичные html-страницы.

По поводу "БЗ может пополняться не только из форума" - это вовсе необязательно, опять же на первых порах. Добавить новую ветку и сообщение, а затем закинуть ее в базу знаний - дело нескольких секунд.
 
  Рекламное место пустует
   Asmody
 
11 - 29.05.04 - 01:07
(10) на первых порах - да. здесь как раз подходит метод "давайте сделаем хоть что-нибудь, а потом будем разбираться" :)
   Волшебник
 
12 - 29.05.04 - 01:11
(11) Все нужно делать постепенно. А вдруг вся эта затея не найдет поддержки или натолкнется на злоупотребления. Всякое бывает. Лучше сделать необходимый минимум и провести испытания, чем сделать много, а потом все переделывать с учетом полученных результатов.
   Волшебник
 
13 - 29.05.04 - 02:54
Основы верстки для сайта: http://www2.stack.ru/~julia/Guides/Advanced.html


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