Одним из важных етапов на пути к созданию логотипа является просмотр работ других дизайнеров. Нет, не для того, чтобы скопировать чужую идею, а с целью расширить свой кругозор, увидеть, как другие смогли реализовать этот замысел, получить вдохновение в конце концов. Предлагаю вашему вниманию 5 ресурсов, которые могут вам пригодиться.
User
Без единой капли чернил
1 min
1.3KСверхсдержанные и минималистичные открытки в разноцветных конвертах. Ни капли чернил, один только оттиск.
+25
Топ-10 ошибок веб-дизайна от Якоба Нильсена. Версия 2007.
6 min
3.8KTranslation
Новый рейтинг ошибок веб-дизайна от мирового авторитета в области юзабилити, руководителя «Nielsen Norman Group» Якоба Нильсена. Эти 10 новых только дополняют другие ошибки от Нильсена — «бегущие строки», тяжелый Flash, несовместимость браузеров и т.д.
+15
Flash-портфолио: Каким оно должно быть
1 min
557Есть много видов самовыражения.
И некоторые считают, что flash — это не лучший способ, чтобы показать себя.
Я же открыл для себя потрясающее портфолио, которое стоит того, чтобы его увидели. И не просто увидели, а получили настоящее удовольствие от просмотра.
А еще поучились. Ибо есть чему.
И некоторые считают, что flash — это не лучший способ, чтобы показать себя.
Я же открыл для себя потрясающее портфолио, которое стоит того, чтобы его увидели. И не просто увидели, а получили настоящее удовольствие от просмотра.
А еще поучились. Ибо есть чему.
+12
Динамический логотип
1 min
5.3KНа днях Тройка-Диалог представила новый логотип.
Графическая часть логотипа состоит из линий и треугольников и существует исключительно в динамике (флеш вставить не получилось, вот видео
или можно посмотеть на сайте).
На сайте, в презентациях и везде в сети логотип будет отображаться в 3D, для печати будут специальные версии, которые каждый раз будут адаптированы к среде.
Графическая часть логотипа состоит из линий и треугольников и существует исключительно в динамике (флеш вставить не получилось, вот видео
или можно посмотеть на сайте).
На сайте, в презентациях и везде в сети логотип будет отображаться в 3D, для печати будут специальные версии, которые каждый раз будут адаптированы к среде.
+54
Коллекции иконок? Легко! Тысячи иконок в сетах.
2 min
39KВ продолжении поста "Ресурсы по поиску качественных иконок" представляю свою коллекцию сайтов, на которых вы найдёте очень(!) много качественных наборов иконок. Все сайты проверены руками, следовательно открываются и скачиваются легко.
+112
Прибиваем футер к полу
2 min
1.4KДавно хотел это сделать (прибить «подвал» к полу) — как ни крути, а «Copyright 2008» по среди экрана
выглядит не козырно. Есть статьи по этому поводу, но ни одного дельного совета я так и не нашел.
Даже парни из LayOut Gala не утруждают себя этим вопросом, хотя занимаются полнейшей мистикой с отрицательными полями, получая при этом «резину» любого вида.
выглядит не козырно. Есть статьи по этому поводу, но ни одного дельного совета я так и не нашел.
Даже парни из LayOut Gala не утруждают себя этим вопросом, хотя занимаются полнейшей мистикой с отрицательными полями, получая при этом «резину» любого вида.
+10
Замена шрифтов веб-страниц
2 min
2.1KПосле прочтения «Веб-типографика сегодня. Часть V» мне захотелось избавиться от уже приевшихся шрифтов, которые используются на большинстве веб-страниц. Было бы неплохо заменить некоторые из них (например, Arial, Verdana, Tahoma, Times New Roman, Georgia) на более современные (Calibri, Corbel, Constantia).
+1
Шесть приемов дизайна 2.0
2 min
1.5KКогда-то мы все писали в LiveJournal, комментировали посты на dirty.ru, использовали ключевые слова при постинге в блоге, да и вообще делали много других обычных вещей. А потом какие-то люди пришли и все испортили, назвали это «вебом 2.0», который за полтора года успел набрать бешенную популярность, стать неинтересным для инвесторов, ненавидимым снобами и даже матерным словом хуже «маркетинга».
А современные Веб 2.0-ресурсы (посмотрите, например, список, недавно составленный Сетом Годиным) стал отличать ещё и особенный дизайн — «стеклянные» логотипы с отражением, приятные тона, легкий градиент и прочие вещи, которые уже вызывают рвоту у отдельных граждан.
Но, несмотря на все это, рассмотрим несколько особенностей новомодного дизайна.
Особенность 1. Пастельные тона
Просто приятные глазу цвета, которые в общем-то использовались и раньше. Особенно популярны голубой и розовый; и их сочетание (вспомните хотя бы flickr.com).
Особенность 2. Глянец
Эффект глянцевой обложи. Блестящие, «стеклянные» поверхности основных элементов дизайна, чаще всего логотипов. Особенно модным стал прием отражения на плоскости, имитирующей стекло или воду.
Особенность 3. Тени
Едва заметные тени у основных элементов сайта — ленты новостей, важных блоков и так далее. Как и много лет назад, их принято рисовать вручную, убивая на это уйму времени. Хотя и обыкновенные тени, которые может сделать Photoshop вполне приемлемы.
Особенность 4. Плавный градиент
Легкий перелив пастельных тонов из светлого в темный (обычно сверху вниз). Не придает ни объема, ни каких-либо ещё эффектов, просто приятная штука.
Особенность 5. Округлость элементов дизайна
Сглаженные углы основной ленты, навигации или кнопок (который кстати, должны быть огромными, просто огромными). Можно использовать прямоугольный блок, а в нем — элементы с закругленными углами, или наоборот, неважно.
Особенность 6. Шрифт без засечек
Шрифты из серии Sans Serif: Verdana, Arial, Helvetica. Считается, что текст, написанный крупной Верданой читать удобнее всего (не на бумаге, конечно, только на вебе). Кроме того, сейчас начинается мода на Arial.
Но если бы лично меня спросили, какой шрифт лучше использовать, я бы сначала пожал плечами, усмехнулся, а потом бы заметил, что независимости от моды, лучшим был и остается старый-добрый Times New Roman, правда, любому дизайнеру до него нужно ещё «дорасти» (впрочем, никто меня и не спрашивает).
В общем, Веб 2.0 принес простой и приятный дизайн с минимальным количеством графики, который почти полностью исключил flash- и gif-анимацию, java-аплеты и прочую никому ненужную фигню.
А современные Веб 2.0-ресурсы (посмотрите, например, список, недавно составленный Сетом Годиным) стал отличать ещё и особенный дизайн — «стеклянные» логотипы с отражением, приятные тона, легкий градиент и прочие вещи, которые уже вызывают рвоту у отдельных граждан.
Но, несмотря на все это, рассмотрим несколько особенностей новомодного дизайна.
Особенность 1. Пастельные тона
Просто приятные глазу цвета, которые в общем-то использовались и раньше. Особенно популярны голубой и розовый; и их сочетание (вспомните хотя бы flickr.com).
Особенность 2. Глянец
Эффект глянцевой обложи. Блестящие, «стеклянные» поверхности основных элементов дизайна, чаще всего логотипов. Особенно модным стал прием отражения на плоскости, имитирующей стекло или воду.
Особенность 3. Тени
Едва заметные тени у основных элементов сайта — ленты новостей, важных блоков и так далее. Как и много лет назад, их принято рисовать вручную, убивая на это уйму времени. Хотя и обыкновенные тени, которые может сделать Photoshop вполне приемлемы.
Особенность 4. Плавный градиент
Легкий перелив пастельных тонов из светлого в темный (обычно сверху вниз). Не придает ни объема, ни каких-либо ещё эффектов, просто приятная штука.
Особенность 5. Округлость элементов дизайна
Сглаженные углы основной ленты, навигации или кнопок (который кстати, должны быть огромными, просто огромными). Можно использовать прямоугольный блок, а в нем — элементы с закругленными углами, или наоборот, неважно.
Особенность 6. Шрифт без засечек
Шрифты из серии Sans Serif: Verdana, Arial, Helvetica. Считается, что текст, написанный крупной Верданой читать удобнее всего (не на бумаге, конечно, только на вебе). Кроме того, сейчас начинается мода на Arial.
Но если бы лично меня спросили, какой шрифт лучше использовать, я бы сначала пожал плечами, усмехнулся, а потом бы заметил, что независимости от моды, лучшим был и остается старый-добрый Times New Roman, правда, любому дизайнеру до него нужно ещё «дорасти» (впрочем, никто меня и не спрашивает).
В общем, Веб 2.0 принес простой и приятный дизайн с минимальным количеством графики, который почти полностью исключил flash- и gif-анимацию, java-аплеты и прочую никому ненужную фигню.
+9
Управляем Flash-объектом на Javascript
3 min
12KВозможности JavaScript в 95% случаев позволяют решить любую задачу для Web 2.0. Но иногда хочется чуточку больше, чуточку красивее, возможно, чуточку быстрее. В этой статье на примерах я хочу показать, как восполнить этих 5% недостающего функционала средствами Flash.
Эта статья будет полезна разработчикам, которые пишут в основном на JavaScript и имеют минимальные знания ActionScript 3.
Для вдохновения
Вдохновил меня на написание этой статьи пример из пакета FancyUpload, реализующий одновременную загрузку нескольких файлов на сервер с симпатичным прогресс-баром в стиле gmail (обратите внимание: можно сразу выбирать несколько файлов).
Этот пример интересен тем, что дизайн и управление контролируется средствами CSS и JavaScript. JavaScript при необходимости использует необходимый функционал из Flash.
Если Вам понравилось, идем дальше: мы рассмотрим как это работает на более простом примере.
+49
Движок микроблоггинга Reactor
1 min
8.4KВсе началось с того, что мы решили сделать свой микроблоггинговый сервис. Покопались в интернетах в поисках более-менее подходящего готового движка микроблоггинга, толком ничего не нашли. Потом рассмотрели кандидатуру движков обычного блоггинга — Wordpress, LiveStreet, BigStreet. Мы уже немного работали с ними, и решили не использовать в виду их архитектурных недостатков (наше ИМХО). Оставалось сделать что-то свое, но не с нуля, а используя фреймворк Symfony в связке с ORM Doctrine.
Будем краткими.
# Что это? — Движок микроблоггинга с картинками и настроениями, альфа версия. Пример работы движка — http://joyreactor.ru/
+37
Веб-типографика сегодня. Часть V
12 min
29KЧасть I — Часть II — Часть III — Часть IV — Часть V — Часть VI
Очевидно, что в сфере высоких технологий развитие зачастую происходит быстро и бурно. Так произошло и со средствами отображения информации. В течении каких-то двух-трёх лет обычные ЭЛТ-мониторы почти целиком и полностью были вытеснены стремительно дешевеющими ЖК-собратьями. Что позволило существенно улучшить как геометрию отображения, так и цветопередачу, а также снизить утомляемость глаз за счёт отсутствия вредного мерцания. И если несколько лет назад подобное утверждение в пользу TFT-панелей можно было бы оспорить, то теперь этот факт не вызывает ни у кого сомнений: ЖК-дисплеи намного лучше для повседневной работы рядового пользователя. В связи с этим фактором возникла необходимость поиска качественно новых алгоритмов отображения шрифтов. Одно из таких решений пусть не сразу, но всё же получило определённое признание в среде пользователей, и на сегодняшний день является чуть ли не самым популярным на современных платформах. Речь, конечно же, о технологии рендеринга ClearType, которая послужила причиной разработки новых веб-ориентированных шрифтов…
Часть V
Очевидно, что в сфере высоких технологий развитие зачастую происходит быстро и бурно. Так произошло и со средствами отображения информации. В течении каких-то двух-трёх лет обычные ЭЛТ-мониторы почти целиком и полностью были вытеснены стремительно дешевеющими ЖК-собратьями. Что позволило существенно улучшить как геометрию отображения, так и цветопередачу, а также снизить утомляемость глаз за счёт отсутствия вредного мерцания. И если несколько лет назад подобное утверждение в пользу TFT-панелей можно было бы оспорить, то теперь этот факт не вызывает ни у кого сомнений: ЖК-дисплеи намного лучше для повседневной работы рядового пользователя. В связи с этим фактором возникла необходимость поиска качественно новых алгоритмов отображения шрифтов. Одно из таких решений пусть не сразу, но всё же получило определённое признание в среде пользователей, и на сегодняшний день является чуть ли не самым популярным на современных платформах. Речь, конечно же, о технологии рендеринга ClearType, которая послужила причиной разработки новых веб-ориентированных шрифтов…
+2
Люди, которые работают бесплатно, дают лучший результат
1 min
5.6KЕсли забрать у человеку зарплату, станет ли он работать лучше? Тут сложно ответить, но факт остаётся фактом: самую качественную работу люди выполняют бесплатно. На этот интересный феномен ещё раз обращает внимание Джимми Гутерман с O’Reilly Radar.
+24
Как найти нужный шрифт, не зная его названия?
3 min
409KЯ уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
+123
HTML-CSS фреймворк «NTH»
3 min
7.1KВыкладываю фреймворк, написанный для себя.
Причина создания: надоело каждый раз при верстке нового сайта заниматься одним и тем же — переделывать мой любимый Tripoli (исправляя его баги, добавлять свойства разметки); добавлять JS-фреймворк jQuery, создавать типичную HTML-структуру. Решил объединить часто используемые мной элементы в единое универсальное целое.
Делал для себя, то есть — аккуратно и хорошо.
Причина создания: надоело каждый раз при верстке нового сайта заниматься одним и тем же — переделывать мой любимый Tripoli (исправляя его баги, добавлять свойства разметки); добавлять JS-фреймворк jQuery, создавать типичную HTML-структуру. Решил объединить часто используемые мной элементы в единое универсальное целое.
Делал для себя, то есть — аккуратно и хорошо.
+79
Десять смертных грехов веб-типографики
2 min
4.3KTranslation
В то время как множество дизайнеров быстро осваивают стандарты веб-разработки, остаётся только удивляться как часто они ухитряются нарушают основные правила типографики. Вот список из десяти грехов, которых вам следует избегать:
1. Использование дефисов вместо тире em-dash.
Если вам нужно прервать мысль, то делайте это с помощью символа (alt+0151), а не парой знаков «минус». Это, пожалуй, главный источник раздражения для всех редакторов.
1. Использование дефисов вместо тире em-dash.
Если вам нужно прервать мысль, то делайте это с помощью символа (alt+0151), а не парой знаков «минус». Это, пожалуй, главный источник раздражения для всех редакторов.
+108
95% веб-дизайна составляет типографика
3 min
30KTranslation
95% информации на вебе — текст. Вполне логично, что веб-дизайнер должен получить хорошую подготовку в основной дисциплине формирования письменной информации, иными словами: типографике.
В 1969 году, Эмиль Рудер, знаменитый швейцарский типограф, написал о современных ему материалах для печати то, что мы могли бы легко сказать о наших современных веб-сайтах:
Включите воображение (замените «печатный» на «интернет») и это звучит как описание работы информационного дизайнера. Задача информационного дизайнера и есть «разделять, организовывать и интерпретировать эту массу печатных изданий таким образом, что у читателя будет шанс найти то, что интересно ему».
Информационный дизайн это типографика
В 1969 году, Эмиль Рудер, знаменитый швейцарский типограф, написал о современных ему материалах для печати то, что мы могли бы легко сказать о наших современных веб-сайтах:
Сегодня мы затопленны таким огромным потоком изданий, что стоимость индивидуальной работы убывает, для наших современников почти невозможно принять все, что напечатано сегодня. Задача типографа — разделить, организовать и интерпретировать эту массу печатных изданий таким образом, что у читателя будет шанс найти то, что интересно ему.
Включите воображение (замените «печатный» на «интернет») и это звучит как описание работы информационного дизайнера. Задача информационного дизайнера и есть «разделять, организовывать и интерпретировать эту массу печатных изданий таким образом, что у читателя будет шанс найти то, что интересно ему».
+70
Таблица значений отступов от букв до верха и низа строки
1 min
1.5KПредлагаю вашему вниманию таблицу значений отступов от букв до верха и низа строки, для стандартного значения line-height.
Эта таблица нужна для точного определения padding или margin обрамляющего или близлежащих элементов.
Вот картинка-легенда, чтобы было понятно о чем речь:
Эта таблица нужна для точного определения padding или margin обрамляющего или близлежащих элементов.
Вот картинка-легенда, чтобы было понятно о чем речь:
+38
10 jQuery скриптов для улучшения интерфейса
3 min
11KTranslation
С рассветом WEB 2.0 получили развитие и javascript фрэймворки, позволяющие вебмастеру делать динамические элементы сайта гораздо быстрее и проще. Одним из таких фреймворков является jQuery, получивший огромную популярность за свою простоту и невероятно малый вес. Итак, представляю вашему вниманию 10 наиболее полезных скриптов jQuery для улучшения интерфейса вашего сайта.
+115
jQuery sIFR Plugin — создаем flash-текст
1 min
1.7KTranslation
jQuery sIFR Plugin является аддоном для jQuery, который позволяет легко заменять текст на веб-странице на flash-текст (sIFR).
Как это работает?
Вы вызываете javascript-функцию, которая заменяет текст на веб-странице на sIFR (Scalable Inman Flash Replacement) текст, используя возможности jQuery расширенные jQuery Flash плагином. jQuery находит текст, который Вы хотите заменить. Затем, jQuery sIFR Plugin преобразовывает текст — меняет размер, цвет, шрифт и пр. jQuery sIFR Plugin полностью конфигурируем, и Вы можете настроить отображение текста не хуже чем при помощи CSS.
Как это работает?
Вы вызываете javascript-функцию, которая заменяет текст на веб-странице на sIFR (Scalable Inman Flash Replacement) текст, используя возможности jQuery расширенные jQuery Flash плагином. jQuery находит текст, который Вы хотите заменить. Затем, jQuery sIFR Plugin преобразовывает текст — меняет размер, цвет, шрифт и пр. jQuery sIFR Plugin полностью конфигурируем, и Вы можете настроить отображение текста не хуже чем при помощи CSS.
+27
Information
- Rating
- Does not participate
- Location
- Россия
- Registered
- Activity