Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога



Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.

Я стараюсь читать много бизнес-литературы. Скажу честно – попадается много откровенно неудачных, графоманских, непрактичных книг. Но есть книги, которые иначе как сокровищами не назовешь.

Я составил список из 25 золотых (ИМХО и только ИМХО) деловых книг.

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

Итак, два правильных документа и одно правильное мероприятие:

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

В последнее время на хабре читаю много постов о том, как это прекрасно иметь свое дело и освободиться от ежедневного вставания в 5 утра, двухчасовой поездки в электричке на работу, восмичасового «обезьяньего труда» и вечернего отдупления. И всего этого еще пять дней в неделю круглый год.

Коллекция ссылок больших порталов и поисковиков, для выбора всевозможных Иконок(Icons) разного типа. Практически на всех есть широкий выбор размеров.

В этой коллекции я уверен что вы найдете что вам нужно ;)

Ну интересное так точно!!!

1. http://www.iconspedia.com

Данный опус можно рассматривать, как продолжение откровений melfa. Но если melfa рассматривает психологические аспекты увольнения и попытки работать на себя, я хочу рассмотреть этапы, которые однозначно должны присутствовать перед таким важным шагом.
Сразу оговорюсь, что я не рассматриваю фриланс как полноценную работу на себя. Я вижу это не как собственный бизнес по продаже себя как специалиста, а как вариацию работы наемным сотрудником, но на более удобных для человека условиях – свободный график, возможность больше зарабатывать и т.п.

В последнее время много говорят о работе/неработе на дядю. Вставлю и я свои 5 копеек.
Допустим, вы воспитываете своего горячо любимого ребенка. Вкладываете душу в его воспитание. Ежедневно уделяете ему несколько часов. Вопрос: можете ли Вы также воспитывать чужого ребенка?

Сказ о CMS-ках

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

Описать в одной статье все этапы – от задумки до реализации – невозможно. Для любопытных отмечу, что очень хороша статья Артура Вельфа в издании «Коммерсант «Деньги» (привожу ссылку на Хабру, потому что там есть полезное обсуждение материала). В материале он предлагает отличный анализ рынка интернет-торговли в сфере бытовой техники и электроники. Но это только анализ, небольшие расчеты. Цели создать руководство к действию статья не ставила. Я же попробую перейти ближе к делу. В своей первой статье я освещу вопрос выбора движка для сайта (по-научному – системы управления сайтами, CMS).

Это — вторая часть перевода статьи «The Untold Story: How the iPhone Blew Up the Wireless Industry». Первая часть выполнена unno и находится здесь.
Сигман и его команда были сразу же очарованы идеей iPhone. Стратегия Cingular, подобно стратегиям других операторов, была направлена на то, чтобы пользователи обращались ко своим мобильным устройствам всё чаще и чаще для мобильного доступа в сеть. Бизнес-потребности в сетевом взаимодействии сходили на нет, ценовые войны уничтожали прибыли. iPhone, с его многообещающими возможностями загружать музыку, видео и использовать функционал интернета со скоростью Wi-Fi, мог привести к увеличению числа пользователей, создающих траффик. И в данном случае объектом получения сочной прибыли были большие объёмы данных, а не голосовая связь.

Демонстрация проходила не очень гладко.

Опять.

Было позднее осеннее утро 2006 года. Годом ранее Стив Джобс дал задание почти двумстам ведущим инженерам Apple создать iPhone. И вот сейчас, в зале заседания Apple, было ясно, что прототип все еще представляет собой катастрофу. Он не просто был полон ошибок, он был абсолютно неработоспособен. Телефон постоянно сбрасывал звонки; батарея переставала заряжаться еще до того, как он окончательно зарядится; приложения ежедневно сбоили, и данные приходили в негодность. Список проблем казался бесконечным. По окончании демонстрации Джобс окинул около дюжины людей, находящихся в комнате, спокойным взглядом и сказал: «У нас все еще нет продукта!»

Спустя некоторое время публикую 2 версию схемы. Если вам есть что добавить — с удовольствием жду от вас комментариев!

Оригинал по ссылке: extrastat.ru/scheme2.gif

Британский сайт I Love Typography, посвящённый типографике, опубликовал список с примерами отличной типографики. Этот список составлен по итогам II кв. 2008 года. Предыдущие «хит-парады» можно найти здесь и здесь.

Каждый пример сопровождается кратким комментарием, а нажатие на скриншот ведёт на оригинальный сайт.

Seed Conference

Нет флэша, нет картинок, нет лишнего шума; просто хорошо стилизированный шрифт и хорошо написанный текст: реальное доказательство того, что с помощью только шрифта можно получить отличный результат. Хотелось бы увидеть ещё несколько примеров такого рода.

Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).



В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.

Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.

Краткий обзор главных стартапов Рунета за 2008 год (именно те, кто стартовал в этом году). Все сайты разделены на 2 группы: в первой находятся «тяжеловесы» — большие сервисы, порталы, социальные сети, в которые вкладывали зачастую немалые бюджеты; вторая группа – «одуванчики» — небольшие проекты, реализованные силами энтузиастов или небольшими компаниями.

«Тяжеловесы»:

moskva.ru — Moskva.ru
Социальная сеть. Есть все, что необходимо иметь прогрессивной социальной сети, от групп до загрузки видео. Стартовала совсем недавно – 1 июля.
Перспективы: Может стать социальной сетью №3 после Одноклассников и Вконтакте. Проектом занимаются очень серьезно. Об этом говорят как домен (куплен, видимо, не за одну сотню тысяч долларов), список сервисов уже к моменту старта, сильная команда разработчиков.
Думаю, можно смело предположить, что за Москвой стоит какой-то серьезный инвестор. При должной рекламной политике сайт может стать социальной сетью №3 в России. С другой стороны, хотя разработчики и говорят, что Москва.Ру проект не только для жителей столицы, но домен может оттолкнуть пользователей из регионов.

Основы web-типографики пришли к нам из далекого 1991 года, еще от небезызвестного Tim Berners-Lee :)

Если оглянуться назад, в страшные времена царствования IE 1.0, то web-типографика (я не говорю о web-дизайне) находилась в зачаточном состоянии. На данный момент, ситуация иная. Мы имеем достаточно средств, для грамотного оформления текста на web-странице.

Cуть web-типографики заключаться не просто в выборе нужного шрифта и умение отличить начертание одного шрифта от другого.


Рис. 1: Как показали последние опыты, 90% тренированных обезьян правильно отличают шрифт Helvetica.

Мы поговорим о web-типографике как о рецепте, содержащем четыре основных компонента. Если вы когда-нибудь пытались приготовить суфле, то скорее всего, смогли ощутить насколько важен рецепт его приготовления.

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть II

Во-первых, увеличились размеры экранов, улучшилась чёткость отображения и качество передачи цветов. В наше время всё реже используются старые ЭЛТ-дисплеи с небольшим разрешением, выпуклым экраном, мерцанием или ограниченной цветопередачей (помните CGA/EGA/VGA?). Фактически, количеством таких мониторов по сравнению с современными плоскими ЖК-дисплеями уже сегодня можно смело пренебречь. Изменились и негласные стандарты de facto и для разрешения: если в самом начале сайты создавались под размер экрана в 640х480 пикселей, потом для 800х600, то сегодня используется стандарт 1024х768. С появлением широкоэкранных (wide) мониторов начал было маячить новый стандарт 1280х960, но большую популярность в последнее время приобрели компактные устройства вроде Asus eeePC или Apple iPhone, так что не исключён факт возвращения в качестве стандарта разрешения меньшего, чем 1024х768. Впрочем, в данном случае это не столь важно, поскольку в любом случае на сегодняшний день разрешение экрана напрямую зависит от его физического размера, а величина одной отображаемой точки достаточно мала по сравнению с пикселями десятилетней давности, что позволяет на любых современных устройствах отображать шрифты одинаково качественно. Это, кстати, приводит и ко второму фактору.

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть III

Оказалось, что аж ещё со времён Windows 98 в стандартный комплект включается шрифт под названием Lucida Sans Unicode, который особо нигде не используется. Попробуем заменить им эппловский Lucida Grande.

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть IV

Итак, настала пора выяснить, какие шрифты и с какой долей вероятности могут оказаться установленными в тех или иных операционных системах либо в результате каких-то особых ситуаций (например, при установке пакетов Microsoft Office, Adobe Creative Suite или CorelDRAW! Suite), либо в «девственно чистых» ОС (что, несомненно, наиболее приемлемый вариант). А также узнать, какие из этих шрифтов пригодны для использования и в каких конкретно случаях.