ademyanovskih @ademyanovskih

Пользователь

Профиль Публикации Комментарии 2Закладки 126

cycero 21 сен 2009 в 14:35

Исследование дизайна сайтов портфолио — закономерности и современная практика

13 мин

38K

Веб-дизайн*

Перевод

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

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

Идем дальше...

+91

Kerf 27 мар 2009 в 13:15

25 ярких и разноцветных сайтов

1 мин

8.2K

Веб-дизайн*

Перевод

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

Порадовать глаз

+32

Kerf 17 мар 2009 в 12:36

50 монохромных образцов дизайна web-сайтов

1 мин

16K

Веб-дизайн*

Перевод

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

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

Одной из самых популярных монохроматических схем является голубой. Это скорее всего потому, что синий считается легким, живым и натуральным цветом. Однако не только синий является успешной цветовой схемой: зеленые, пурпурный, коричневый, красные также могут установить надлежащее настроение.

В этой статье мы рассмотрим 50 монохроматических вариантов дизайна, сайты разбиты на категории в зависимости от преобладающих цветов, которые они используют (все варианты кликабельны).

Монохромные варианты дизайна

+56

bsoo 17 ноя 2008 в 18:13

Компоненты интерфейса Safari и IE7 в .psd

1 мин

1.9K

Веб-дизайн*

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

13.30 КБ

Скачать архив с пээсдэшником (49 kb)

UPD:
Ссылка от saltommeister
Контролы для Эксплорера, Файрфокса, Оперы и Сафари

Ссылка от niker
designerstoolbox.com/designresources/elements/

Ссылка от fatal
456bereastreet.com/archive/200409/styling_form_controls/

Ссылка от AlmeZ
Free Photoshop browser templates for webdesigners and screendesigners

Ссылка от 3fonov
Yahoo Design Stencil Kit

+120

cycero 28 сен 2009 в 15:31

10 полезных выводов и принципов юзабилити

8 мин

23K

Веб-дизайн*

Перевод

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

Идем дальше...

+110

batonoman 31 окт 2009 в 17:43

Картинки делают вашу информацию интереснее

4 мин

12K

Веб-дизайн*

Приветствую всех! Я представляю вам свой Первый Пост На Хабре, он является объединяющим симбиозом нескольких постов моего личного блога [

], и речь сейчас пойдёт о универсальной вещи, которая поможет увеличить продажи вашего товара, задержать на вашем сайте лишний десяток посетителей, и сделать из сложной многобуквенной статьи простой доходчивый рассказ. Также будут даны описания и адреса хранилищ этих вещей.

А вещь эта называется «Картинка».

В чём суть?

Идея проста до безобразия: текст нужно сопровождать информативными картинками по теме. Скорее всего, это понятно всем, но на практике об этом заботятся не многие, и те, кто заботятся, вне очереди получают свои плюсы на пути к успеху.

Читать дальше: почему, как и где искать картинки

+101

Gorky 26 мая 2009 в 08:59

Как сделать favicon в png

1 мин

119K

Веб-дизайн*

Знаете, фавикончики в ico это как-то прошлый век =) Давайте будем модными, современными и все такое. Короче, берем иконку в png (да-да, с прозрачностью и всеми делами), сохраняем в размере 16×16, на сайте (в блоке <head>, ага) подключаем так:

<link rel="icon" type="image/png" href="favicon.png" />

Особенно под впечатлением владельцы айфонов и точей, т.к. для них мы делаем красивую иконюшку размером 57×57 (можно кстати и больше, но это стандартный размер иконки на ланч-скрине), подключая ее так:

<link rel="apple-touch-icon" href="apple-touch-favicon.png"/>

Над записью витает дух уже почти сгнившего трупа IE6, который вообще не знает о чем это все, ну да и фиг с ним =) Все, изыди.

UPD: Спасибо хабраюзеру NickyX3 за интересное уточнение:

Автор забыл указать, что иконда для springboard тачей и яблофонов будет в таком варианте закруглена по углам и на нее будет наложен блик автоматически самоим девайсом. Для избежания этого (совсем красивая кастом иконка) вместо apple-touch-icon следует написать apple-touch-icon-precomposed.

+108

afan 16 окт 2009 в 19:45

Как сделать сайт более iPhone-совместимым за 5 шагов

2 мин

55K

Веб-дизайн*

Тот факт, что iPhone предлагает наиболее развитый мобильный браузер среди мобильных платформ, пожалуй, ни у кого не вызовет сомнений. Однако не все знают, что довольно небольшими усилиями можно сайт сделать еще более дружественным к тем, кто смотрят его на iPhone или iPod Touch.

Ниже предлагаются простые 5 шагов, с которых можно начать, на примере сайта WHOIS Digger.

Шаг 1. Аналог favicon.ico

Когда пользователь создает ссылку на ваш сайт в виде иконки в SpringBoard, iPhone автоматически формирует картинку из скриншота страницы. В результате почти всегда получается неразборчивая каша, которая на гордое звание «иконки для iPhone» никак не тянет. Пропишите этот тег в заголовке страницы:

<link rel="apple-touch-icon" href="res/iphone_icon.png" />

и добавьте соответствующую картинку res/iphone_icon.png размером 57х57 пикселов. iPhone сам добавит скругленные углы и полукруглый блик, сделав вашу иконку похожей на остальные.

Вот так выглядит исходная картинка и иконка на рабочем столе iPhone:

Читать дальше →

+75

besisland 21 фев 2008 в 04:37

Чёрточки: только ли тире, минус и дефис?

4 мин

180K

Типографика*

Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

Читать дальше →

+265

208

dreamhelg 5 фев 2009 в 10:29

Два инструмента для создания шрифтов.

2 мин

136K

Типографика*

Перевод

Я настоящий фанат типографики, и трачу много времени на поиск и экспериментирование со всеми видами различных типов шрифтов и стилей.

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

Читать дальше →

+47

MadJeck 15 авг 2009 в 02:23

microToDo — проще некуда

1 мин

2.5K

GTD*

В последнее время стало популярно делать разные вещи для увеличения КПД рабочего времени. Всевозможные todo листы, пинарики и прочее. И чем дальше тем сложнее они становятся. А вот этот сервис из всего одной html странички прекрасно справляется с хранением списка дел и мотивацией их выполнения. Все просто — добавляете задачу и тут же начинается отсчет времени. Никакой паузы, никаких скидок…

Читать дальше →

+38

SECL 11 авг 2009 в 14:46

Первоклассным специалистом может стать каждый!

3 мин

9.5K

Блог компании SECL Group

Вы думаете лучшими специалистами в своем деле становятся талантливые и гениальные люди? Нет, быть лучшим — это возможность каждого нормального человека! И у тебя, Хаброжитель, эта возможность тоже есть!

Читать дальше →

+103

180

Volder 3 авг 2009 в 21:04

Анимированные меню на jQuery

6 мин

5.4K

Интерфейсы*

Перевод

Недавно я наткнулся на сайт Dragon Interactive (dragoninteractive.com). Сайт этот достаточно добротно сделан в плане дизайна. А изюминкой можно назвать их анимированное меню. Ну вот если бы это было сделано в Adobe Flash, я даже и не упоминал бы о таком. Но при более близком рассмотрении оказалось, что их меню — это сочетание простых XHTML, CSS и Javascript. В данной статье я собираюсь продемонстрировать, как создавать менюшки (очень близкие к Dragon Interactive’s menu).

Смотрим демо

Читаем далее...

+126

yanajy 24 июл 2009 в 16:36

ТОП-10 элементов дизайна, ставших легендой веба

1 мин

1.2K

Веб-дизайн*

Дизайнерские решения, которые раз и навсегда изменили мир интернета :-)

№1. Паззл

вряд ли этот шедевр нуждается в комментариях :-)

Читать дальше →

-5

100

furspike 9 июл 2009 в 00:53

«Hard, harder, Notpron!»

2 мин

5.2K

Занимательные задачки

Как говорится, музыкой навеяло.

Очень удивился, не найдя темы про этот интернет квест. Умопомрачительная игра, которую посадили пожизненно за воровство времени у населения планеты Земля.
Всего 168 человек прошли эту игру из 138 уровней целиком из 10+ миллионов пытавшихся.

Читать дальше →

+40

COOL_ALMANAH 31 мая 2009 в 21:32

Таймер «Самоконтроль» с новым дизайном

1 мин

14K

GTD*

Всем привет, вот и подошло время для нового обновления таймера «Самоконтроль». Теперь он стал красивее и умеет делать чуть больше вещей.

Страница с таймером: http://www.boomstudio.ru/portfolio/files/experiments/timer_control/

Если быть точнее, то появились следующие штуки:
1) Улучшенный дизайн (за это отдельное спасибо Станиславу Щербакову )
2) Появилась возможность ставить таймеры на паузу. Для этого достаточно «отжать» уже нажатую кнопку (кликнуть повторно по нажатой кнопке).
3) Теперь программа сама следит за обновлениями. Если ваша версия таймера устареет, то программа покажет сообщение о наличии новых версий программы. Правда скачивать и распаковывать обновления, пока, придётся всё-таки самим.
4) Теперь можно изменять названия кнопок и цвет таймеров. Эти настройки вынесены во внешний XML файл.

P.S.: Если кому-то будет интересно, то вот предыдущие обсуждения программы на хабре:
Обсуждение #1: habrahabr.ru/blogs/arbeit/59123
Обсуждение #2: habrahabr.ru/blogs/arbeit/59477

+55

iderins 28 янв 2009 в 17:09

Памятка дизайнеру сайтов

10 мин

245K

Веб-дизайн*

Вторая версия статьи, расширенная и дополненая.

Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.

Памятка дизайнеру сайтов

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

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

Читать дальше →

+435

231

dizzyman 23 янв 2009 в 18:21

Корзина в современном интернет-магазине

3 мин

31K

Интерфейсы*

Здравствуйте, хочу написать цикл статей про юзабилити веб-интерфейсов, и начну, как не странно, с корзины покупок.

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

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

Итак, начнем!

Читать дальше →

+64

despoth 21 мая 2008 в 04:39

Веб-типографика сегодня. Часть I

7 мин

27K

Типографика*

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

Часть I

Как-то ко мне обратился знакомый дизайнер с просьбой разобраться в странной по его мнению ситуации. Клиент просил «сделать так же, как у Apple», но с использованием собственных способов расположения блоков, изображений, цветовой гаммы и текста. В общем, дизайн в итоге получался совершенно непохожий на apple.com, но этого, собственно, и добивался клиент. И вроде бы у дизайнера получилось, но… Клиенту по-прежнему не нравилось, он всё равно требовал переделать макет. По его ощущения «что-то было ну совсем не так». А что именно — тот объяснить был не в силах. Вот и возник вопрос у моего коллеги по поводу того, как угодить капризам клиента и понять его чаяния. Оказалось всё не так просто, но вполне объяснимо. Я и раньше сталкивался с данной проблемой. Поэтому решил попробовать изложить свои мысли по этому поводу.

Итак, какова ситуация в области современной веб-типографики и какими способами следует решать возникающие проблемы?

Читать дальше →

+112

neochief 24 дек 2008 в 16:49

Отечественный флэш плеер

2 мин

918

Я пиарюсь

Уже давно использовал плеер производства http://flv-mp3.com/, который отличался простотой и элегантностью, но давеча получил письмо с новостью о выходе новой версии их замечательного плеера. Мое описание возможно покажется слишком эмоциональным, но это только потому, что плеер — Это бомба!

Прежде всего, демо-сайт — http://uppod.info/. После часа разборок с настройками, я могу заверить, что все фишки демосайта реализуются плеером на ура.

Читать дальше →

+72

1 2 3 4 5