DesigNonstop - О дизайне без остановки » Статьи

Классификация шрифтов в веб-дизайне и особенности их использования

Наташа Клевер — Wed, 18 Jan 2012 21:01:25 +0000

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

Классификация текстур в веб-дизайне и особенности их использования

Наташа Клевер — Tue, 13 Dec 2011 21:01:46 +0000

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

Не сотвори себе кумира или поучительные уроки от Стива Джобса

Наташа Клевер — Mon, 14 Nov 2011 21:01:08 +0000

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

Мода в современном веб-дизайне или когда сайту нужен редизайн

Наташа Клевер — Mon, 15 Aug 2011 21:01:10 +0000

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

Метафизика творчества или откуда берется попса в искусстве

Наташа Клевер — Mon, 18 Jul 2011 21:01:10 +0000

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

Как выбрать цветовую палитру для дизайна вашего сайта

Наташа Клевер — Wed, 08 Jun 2011 21:01:29 +0000

Цветовая палитра представляет собой набор цветов, используемых при разработке дизайна сайта. К выбору цветовой гаммы сайта предъявляются особые требования, поскольку цвета не только определяют внешний вид вашего сайта, но и будут также ассоциироваться с вашим брендом в интернете. Большинство палитр включает от 2 до 4 цветов, не считая белого и черного цвета. Давайте с помощью Webexpedition18 попробуем разобраться, как наилучшим образом создать цветовую палитру для сайта.

Бесплатные вордпресс шаблоны или платные премиум темы – что выбрать

Наташа Клевер — Tue, 03 May 2011 21:01:37 +0000

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

Почему появляются некрасивые сайты и нужна ли дизайнеру критика

Наташа Клевер — Tue, 08 Mar 2011 21:01:16 +0000

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

Что такое веб-дизайн, его основные элементы, этапы и принципы

Наташа Клевер — Mon, 17 Jan 2011 21:01:09 +0000

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

Как участвуют левое и правое полушария мозга в творческом процессе

Наташа Клевер — Tue, 21 Dec 2010 21:01:29 +0000

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

7 психологических типов дизайнеров по версии Webdesigner Depot

Наташа Клевер — Tue, 23 Nov 2010 21:01:39 +0000

Специалисты из Webdesigner Depot считают, что у каждого дизайнера есть свой психологический тип. Основываясь на основных качествах и чертах характера известных людей, они выявили 7 основных типов дизайнеров. Каждый типаж содержит наиболее яркие и экстремальные черты, и в каждом из нас есть немного от каждого типа. А какой тип лучше всего описывает вас?

Влияние исторических трендов искусства на современный дизайн: Поп-арт

Наташа Клевер — Sat, 23 Oct 2010 21:01:14 +0000

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

Поп-арт – это художественный стиль, обращенный к материальным реалиям повседневной жизни, к массовой культуре (откуда, собственно и пришло слово поп). Поп-арт является производным от большинства визуальных удовольствий людей, таких как телевизор, журналы и комиксы.

1. Когда и где появилось движение Поп-арт
Движение поп-арт появилось в Англии в середине 1950-х годов и в Соединенных штатах – в конце 50-х. Поп-арт художники хотели бросить вызов традиционному искусству полагая, что использование художником визуальных элементов СМИ тоже можно считать искусством.

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

2. Английский поп-арт vs Американский поп-арт
Американский поп-арт изначально был более агрессивен. Зато английский стиль был более субъективным. Английские художники использовали поп-арт больше для выражения собственных метафор или актуальных тем. В американском поп-арте было гораздо больше идей. Например, девиз Энди Уорхола был «Я думаю, что все должны быть как машины». И с охотой реализовывал эту мысль в своих работах.

Основоположниками движения поп-арт можно считать «Независимую группу», с собрания которой в 1952 году в Лондоне, собственно, все и началось. Тогда один из основателей этой группы, художника и скульптор Эдуардо Паолоцци представил публике серию коллажей под названием «Bunk!», которые он нарисовал, будучи в Париже. Коллажи были составлены из разрозненных объектов рекламы, обложек журналов и товаров массового потребления. И именно тогда на одном из коллажей в облаке дыма появилось слово «pop».

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

3. Какие наиболее важные характеристики поп-арта?
В основном поп-арт взаимодействует с объектами, взятыми из популярной массовой культуры и повседневной жизни. Поп-арт – это своего рода реакция на течение абстрактного импрессионизма, которое по определению причисляли к некой элитарной культуре, доступной далеко не всем. Поп-арт же нарочито подчеркивает банальные элементы любой культуры, но делает это с юмором.

Основные цвета, которые используются в поп-арте – это желтый, красный, и ярко-синий. Известный поп-арт художник Рой Лихтенштейн разработал своеобразный стиль: черные контуры, смелые цвета и оттенки, а также характерный полутоновый узор из точек. Поп художники очень любили высмеивать повсеместное увлечение товарами массового потребления и доводить эту тенденцию на своих работах до абсурдных, сатирических размеров.

4. Достижения Энди Уорхола в поп-арте
Несомненно, имя Энди Уорхола олицетворяет собой движение поп-арт. А его знаменитая картина Мэрилин Монро стала иконой поп-арта. Уорхол был одержим славой и гламуром Голливуда, поэтому на его картинах в основном звезды кино и музыки. При этом он считал их самих продуктами массового производства.

В своих работах он применял технику фотографической шелкографии, при котором создается большое количество отпечатков. Так были сделаны портреты Мика Джаггера, Элвиса Пресли, Мэрилин Монро и Жаклин Кеннеди.

5. Поп-арт в дизайне упаковок
Поп художники зачастую привлекались для разработки лого и упаковки продуктов. Например упаковка консервов Campbell’s Soup от Энди Уорхола или упаковочная коробка Campbell’s Tomato Juice Box, которая сама впоследствии стала культовым объектом поп-арта.

6. Поп-арт в скульптурах
Скульптор Клас Ольденбург является одним из самых ярких представителей культуры поп-арта. Он создал множество интересных и необычных проектов. Наиболее известен его креативный мостик в Миннеаполисе в виде ложки с вишенкой.

Другой видный деятель поп-арт движения – Роберт Индиана. В своих работах он использовал различные знаки, буквы и символы как арт объекты. Его самая известная работа – скульптура «Любовь», как символ протеста против участия США в войне во Вьетнаме.

7. Насколько влиятельно движение поп-арт сегодня?
Если верить словам Джефа Джафи, совладельца Международной Галереи поп-арта в Нью-Йорке, то движение поп-арта сегодня сильно, как никогда. Множество современных художников работают в стиле поп-арт. Таких, как Клеменс Брилс, Джеймс Рицци, Ромеро Бритто, Стив Кауфман – все они достигли успеха именно сегодня в условиях современной конкуренции.

Искусство всегда выражает то, что происходит в обществе. Но если поп-арт 50-х вырос из хаоса потребления рекламы, телевидения, комиксов и моды, то сейчас история сделала виток и поп-арт вернулся уже немного в более упорядоченном виде.

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

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

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

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

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

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

9. Влияние поп-арта на дизайн аксессуаров, украшений для дома и моду
Из-за характерной яркой палитры цветов и печатной четкости форм поп-арт стиль активно используется в декорировании украшений и аксессуаров, а также на различных предметах одежды в виде принтов.

А вот еще интересное:

Коротко об историях успеха девяти самых популярных площадок для блогов

Наташа Клевер — Thu, 16 Sep 2010 21:01:15 +0000

Сегодня понятие «блог» прочно вошло в современный лексикон. А ведь все начиналось в далеком 1994 году, когда студент колледжа Джастин Халл завел первый онлайн-дневник. Так появился первый блоггер. Сегодня в интернете уже миллионы блогов. И вот краткая история некоторых из наиболее популярных платформ для блогов, рассказанная Mashable.

1. Open Diary
Брюс Аблсон основал этот сайт в 1998 году. Open Diary был первым веб сайтом, где образовалось коммьюнити пользователей, ведущих там свои онлайн дневники. Пользователи могли читать журналы друг друга, а также оставлять комментарии. На сегоднящний день на Open Diary активно около 300 тысяч онлайн дневников, а всего было зарегистрировано около 5 миллионов пользователей.

2. Live Journal
Live Journal был запущен в апреле 1999 года Брэдом Фицпатриком, руководителем компании Danga Interactive. Это была одна из первых свободных площадок для блоггеров. Хотя, поначалу доступ туда был только по приглашениям.

То, что для Фицпатрика было развлечением, вскоре стало крупным проектом и его управлением стала заниматься уже команда специалистов. В 2005 году компания Six Apart приобрела Live Journal, а Фицпатрик продолжал руководить проектом. В 2007 году российская компания SUP приобрела Live Journal.

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

4. Blogger
Blogger был создан компанией Pyra Labs в 1999 году в Сан-Франциско. Это один из первых проектов, предназначенных для блоггинга, который способствовал популяризации этого вида интернет деятельности. В 2003 Pyra Labs была приобретена компанией Google.

5. Dead Journal
Этот сервис своего рода аналог Live Journal, но с темной темой. Был создан в 2001 году Франком Прецисси и тут же стал местом паломничества готов и эмо. Сайт рекламирует себя как место, где собраны журналы, которые никто не хочет видеть, даже их хозяева. На сервисе зарегистрировано около 500 тысяч аккаунтов.

6. TypePad
Сервис создан в 2003 году компанией Six Apart, той, что купила в свое время Live Journal. TypePad объединяет нетехнических блоггеров. И в отличие от других платформ, является платной. Но при этом пользователи получают доменное имя в зоне com.

7. WordPress
Этот сервис был основан в 2003 году как совместный проект Мэтта Муленвега и Майка Литтла. Сейчас WordPress – самая популярная система для ведения автономных блогов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.

8. MySpace
Это популярная международная блог-платформа, на которой представлена возможность создания сообществ по интересам, персональных профилей, ведение блогов, размещение фото-, видео- и музыкального контента. Сервис основан в 2003 и занимает пятое место в мире по популярности среди англоязычных интернет ресурсов

9. Tumblr
Создано в 2007 году вундеркиндом Дэвидом Карпом как удачное дополнение к блогосфере. Пользователи с легкостью могут размещать фотографии, тексты, изображения, аудио файлы. Для сайта характерна простота в использовании и возможность быстрого ре-поста в свой блог. Аудитория – более чем 6 миллионов пользователей.

А вот еще интересное:

10 основных принципов, необходимых для создания эффектного логотипа

Наташа Клевер — Mon, 16 Aug 2010 21:01:46 +0000

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

1. Простота
Практически все отлично сделанные лого отличаются простотой и ясностью. Здесь очень подходит выражение «лучше меньше да лучше». Нужно использовать только самый необходимый минимум, чтобы лого не выглядело перегруженным.

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

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

4. Запоминаемость
Этот принцип подразумевает, что человек, один раз увидевший лого, во второй раз скажет: «А этот логотип я уже видел!». То есть удачное сочетание визуального ряда и надписи помогает человеку в дальнейшем узнавать и идентифицировать логотип.

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

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

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

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

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

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

А вот еще интересное:

Основные элементы дизайна, участвующие в создании композиции

Наташа Клевер — Wed, 14 Jul 2010 21:01:06 +0000

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

1. Пространство
Под понятием пространства понимается место или арена действий, площадка, где собственно и находится вся композиция. Может быть двухмерное и трехмерное пространство. Объекты в трехмерном пространстве имеют глубину и объем.

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

3. Фигура
Когда линия пересекает себя или другую линия, то образуется фигура. Существуют геометрические фигуры (круг, вадрат, прямоугольник, треугольник) и органические фигуры (очертания листа, ракушки, цветка итд).

4. Цвет
Цвет очень хорошо передает эмоции и позволяет объектам выделяться от фона. С помощью цвета можно привлечь внимание к определенной части сайта. Существуют основные цвета (красный, желтый, синий), вторичные цвета (оранжевый, зеленый, фиолетовый) – они получаются путем смешения основных цветов, промежуточные (основной + вторичный) и дополнительные цвета (противоположные цвета на цветовом круге).

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

6. Форма
Форма представляет собой трехмерный объект, в отличие от фигуры. У формы можно измерить ширину, высоту и глубину. Также форма передается светотенью. Форма может быть получена путем объединения двух или более фигур.

7. Светотень
Этот элемент определяет соотношение светлых и темных областей применительно к объекту. Светотень создается внешним источником света, который накладывает на объект блики и тени. Именно светотень создает глубину у фотографии.

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

А вот еще интересное:

Психология цвета и его воздействие на эмоциональное состояние

Наташа Клевер — Mon, 14 Jun 2010 21:01:35 +0000

Цвет – один из самых значимых элементов веб-дизайна. Именно цвет задает общее настроение сайта. Различные цвета вызывают у человека определенные эмоции. Эти алгоритмы формировались веками в ходе активного взаимодействия человека с природой и закрепились на подсознательном уровне. Специалисты из Webdesignboth расскажут нам, как человек реагирует на разные цвета.

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

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

3. Оранжевый
Оранжевый цвет символизирует энтузиазм, чувство открытости и дружелюбие. Это цвет радости, счастья, дружбы. Этим цветом хорошо выделять значимые объекты. Из негативных значений – невежество и ложь.

4. Синий
Синий цвет символизирует мир, надежность, уверенность в себе, создает ощущение спокойствия и доверия. Может создавать ощущение холода. Передает мощь современных технологий, чистоту воздуха и глубину океана. Из негативных эмоций – депрессия и безразличие.

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

6. Белый
Белый цвет – это простота, совершенство, чистота, целомудрие, духовность, свет, безопасность, единство, саморазвитие, извинения, мир. Из негатива – холодность и отстраненность.

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

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

9. Коричневый
Коричневый может означать дружбу, мероприятия, события, землю, шоколад, материализм, надежность, мир, производительность труда, практику, тяжелый труд. Из негатива – грязный, тупой и скучный.

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

А вот еще интересное:

Основные принципы создания гармоничной композиции в дизайне

Наташа Клевер — Fri, 14 May 2010 21:01:31 +0000

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

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

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

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

2. Контраст
Контраст – это взаимодействие противоположных элементов композиции, таких как цвет, размер, текстура и т.д. Примеры контраста: большой и маленький, шероховатый и гладкий, толстый и тонкий, черный и белый.

3. Значимость и подчиненность
Этот принцип предполагает выделение, так называемого, центра интереса, на котором предполагается сосредоточить внимание зрителя. Объекты должны находиться в иерархии по значимости и подчиненности. Если все объекты будут иметь одинаковую значимость, то внимание пользователя рассеивается.

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

5. Пропорции
Пропорция – это отношение отдельной части ко всему объекту, а также соотношение отдельных частей друг с другом. В данном примере показано «Золотое сечение». Подробнее о «Золотом сечении» можно прочитать в этой статье».

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

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

8. Единство в разнообразии
Предполагает сочетание разнообразных элементов композиции в единую целостную структуру, подчиненную единой концепции.

А вот еще интересное:

10 вещей, которые заказчик ищет в первую очередь в дизайнерском портфолио

Наташа Клевер — Tue, 13 Apr 2010 21:01:04 +0000

Идеально сделанного портфолио не существует. Но существуют правила, выполнение которых гарантирует вам, что ваш потенциальный заказчик, по крайней мере, не пройдет мимо вашего портфолио. Первое впечатление о вас он получает именно с помощью портфолио. Сайт Noupe перечислил 10 основных вещей, которые помогут вам выглядеть достойно при первой встрече.

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

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

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

4. Ваша специализация
Большинство дизайнеров – это специалисты широкого профиля. Это понятно, так проще находить заказы. Однако, специализация все равно существует. Например, кто-то работает с вордпресс темами, кто-то на создании баннеров и промо материалов, или ваш конек – создание логотипов. И, желательно, чтобы это было понятно когда заходишь на сайт портфолио. Либо исходя из наполнения портфолио, либо из отдельного сообщения типа «Специализируюсь на …»

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

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

7. Комментарии к работам
Большинство портфолио – это просто ряд симпатичных картинок. Поэтому, неплохо давать краткие комментарии к работам, опубликованным в портфолио. Это может быть информация разного рода, например, какая задача стояла перед дизайнером, как эта задача выполнялась, какие-то специфические моменты.

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

9. Само оформление портфолио
Стильно сделанное портфолио – один из самых простых путей продемонстрировать потенциальному заказчику ваши дизайнерские способности. По крайней мере, клиент уже может судить о качестве работ, которые от может получить. Подразумевается, что портфолио дизайнера делалось самим дизайнером.

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

А вот еще интересное:

Как правильно использовать математические закономерности в дизайне сайтов

Наташа Клевер — Wed, 03 Mar 2010 21:01:39 +0000

Эффективный современный веб-дизайн не должен быть просто симпатичной и яркой картинкой. Он должен быть простым и интуитивно понятным. Какими же средствами этого добиться? Как сделать так, чтобы у посетителя возникло чувство гармонии и комфорта? Авторитетный Smashing Magazine предлагает для этих целей воспользоваться основными правилами математики.

Математика – это прекрасно. Для человека, далекого от цифр и уравнений, это может звучать абсурдно. Однако, множество самых красивых вещей в природе, да и сама Вселенная основаны на строгих математических пропорциях. Еще Аристотель, один из самых авторитеных философов древности, говорил: «Математика выявляет порядок, симметрию и определенность, а это – важнейшие виды прекрасного».

На протяжении веков математика использовалась и в искусстве, и в архитектуре. Но математика редко применяется в дизайне вебсайтов. Наверное, потому, что есть расхожее мнение, что математика и креатив – вещи несовместимые. Хотя это мнение можно опровергнуть, математика является хорошим инструментом при создании сайтов. Однако, в этом деле на одну лишь математику полагаться не стоит. Здесь нужно еще что-то.

А пока давайте посмотрим, как действуют некоторые основные правила математики в веб-дизайне. Мы рассмотрим это на примере правила Золотого сечения, чисел Фибоначчи, правила Пяти элементов, колебания Синусоиды и правила Третей.

1. Золотое сечение или Золотой прямоугольник
Золотое сечение (золотая пропорция, деление в крайнем и среднем отношении) – деление непрерывной величины на две части в таком отношении, при котором меньшая часть так относится к большей, как большая ко всей величине. Отношение частей в этой пропорции выражается иррациональной математичской константой, равной приблизительно 1.618033987.

Принято считать, что объекты, содержащие в себе «золотое сечение», воспринимаются людьми как наиболее гармоничные. Вот интересный факт из Википедии. Известно, что Сергей Эйзенштейн искусственно построил фильм «Броненосец Потёмкин» по правилам золотого сечения. Он разбил ленту на пять частей.

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

Теперь перейдем к Золотому прямоугольнику. Тут все просто. У такого прямоугольника длины прилегающих сторон соотносятся по правилу золотого сечения, т.е. 1:1.618.

Для того, чтобы построить золотой прямоугольник сначала рисуем квадрат (красный цвет на картинке), потом проводим линию от середины одной из сторон квадрата к противополжному углу (линия со стрелкой на рисунке). Используем эту линию в качестве радиуса дуги, которая определит высоту прямоугольника. Теперь дорисовываем прямоугольник (синий цвет на рисунке).

Рассмотрим в качестве наглядного примера этот минималистический дизайн, представленный ниже. Он состоит из 6 золотых прямоугольников, размером 299х185 пикселей, по 3 прямоугольника в ряд. Стороны этим прямоугольников соотносятся по правилу золотого сечения 299/185=1,616.

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

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

Области применения. Использование Золотых прямоугольников в дизайне хорошо подходит для различных фото галерей, сайтов портфолио и сайтов, ориентированных на представление продуктов.

2. Числа Фибоначчи в дизайне
Числа Фибоначчи – это математическая последовательность из ряда чисел. По определению, два первых числа Фибоначчи равны 0 и 1. Каждое последующее число равно сумме двух предыдущих. Ряд чисел выглядит следующим образом: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144…

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

Основная область применения чисел Фибоначчи в дизайне – определение размеров блоков с основным контентом (контейнеров) и боковой панели. Суть метода в следующем. Берется базовая ширина контейнера, например, 90 пикселей, и последовательно умножается на числа из ряда Фибоначчи. На основании этих вычислений строится сетка сайта. Посмотрим на примере.

Страница разделена на три колонки. Базовая ширина контейнера 90 пикселей. Тогда первая колонка имеет ширну 180 пикселей (90 х 2), вторая колонка имеет ширину 270 пикселей (90 х 3) и третья колонка имеет ширину 720 пикселей (90 х 8). Размер шрифта также соответствут ряду Фибоначчи. Размер шрифта в заголовке 55 пикселей, шрифт в разделе – 34 пикчеля и шрифт для текста 21 пиксель.

Если сайт имеет фиксированную ширину, например 1000 пикселей, то числа Фибоначчи не очень удобно использовать. Постольку ближайшее к 1000 число из ряда Фибоначчи это 987 (…, 610, 987, 1597 …), то именно с этого числа придется проводить вычисления для ширины блоков сайта. В таких ситуациях лучше всего воспользоваться правилом Золотого сечения (1000 х 0,618 = 618px) и исходя из него определить ширину блоков.

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

3. Пять элементов или Kundli дизайн
Еще один интересный пример математики в дизайне – это техника, основанная на правилах составления индийского гороскопа Kundli. Здесь основой является следующая фигура. Рисуется квадрат, внутри него проводятся две диагонали, соединяющие противоположные углы, потом линиями соединяются центры соседних сторон квадрата.

Внутри квадрата мы видим черыре ромба. Это и есть основа для расположения пяти элементов дизайна на странице.

Приведенный ниже пример дизайна сайта базируется на геометрии Kundli. Этот макет может подойти для одностраничного сайта-визитка с элементами интерактивного дизайна на основе jQuery технологии.

Также этот макет может легко превратиться в сайт с трехколоночной версткой хедером и футером.

Области применения. Эта конструкция более всего подходит для сайтов портфолио и сайтов, ориентированных на демонстрацию продукции.

4. Колебания синусоиды
Если хочется разнообразия, то совсем не обязательно придерживаться базовых правил золотого сечения и чисел Фибоначчи. Можно поэкспериментировать и с другими общеизвестными формулами.

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

Или еще один вариант. Макет, состоящий из хедера, пяти колонок и футера. Такой сайт также можно усилить JQuery подсказками, чтобы сделать его более интерактивным.

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

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

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

А вот еще интересное:

Программа Adobe Photoshop: эволюция версий за последние 20 лет

Наташа Клевер — Tue, 09 Feb 2010 21:01:28 +0000

Фотошоп становится неотъемлемой частью жизни любого дизайнера, с тех самых пор, когда тот впервые берет в руки свою первую мышку. 10 февраля 2010 года этой замечательной программе исполнится 20 лет. Срок немалый. Давайте вместе с Web Designer Depot отметим эту знаменательную дату, проследив эволюцию версий Фотошопа за последние два десятилетия.

Фотошоп: самое начало
Самое примечательное, что идея создать Фотошоп родилась в внутри одной, но весьма одаренной семьи. Это отец Глен Нолл (Glen Knoll), профессор, инженер по специальности и двое братьев – Томас Нолл (Thomas Knoll), студент, тоже инженер и Джон Нолл (John Knoll), мастер по спец эффектам.

У Глена Нолла было два хобби – компьютеры и фотографии. Именно там, в фотолаборатории отца Томас изучал основы контраста и цветокоррекции, а Джон с интересом разбирался в стареньком Apple. В далеком 1984 Глен купил один из первых Макинтошей. Его функциональные возможности весьма разочаровали братьев, и это положило начало созданию программы, которую сейчас все знают под именем Фотошоп.

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

1990 – Photoshop 1.0
Томас работал над исходным кодом программы, а Джон отвечал за разработку расширений (plug-in). В то время многие сотрудники Adobe считали затею братьев во многом авантюрной. На первой версии заставки к программе фигурируют всего четыре имени программистов.

1991 – Photoshop 2.0
Среди нововведений этой версии – появление инструмента Путь (Path), поддержка цветов CMYK, растеризация векторных изображений для Illustrator. Фотошопом заинтересовался рынок полиграфических услуг.

1994 – Photoshop 3.0
Революционная версия Фотошопа. В ней появилось понятие «Слой» (Layer). Слой – это маленький кусочек изображения. Полностью изображение формируется по приципу «сэндвича» из таких вот маленьких кусочков.

1996 – Photoshop 4.0
Появление «Корректирующих слоев» (Adjustment layers) и «Макросов» (Macros) – вот два самых примечательных нововведения в этой версии. Еще одно важное изменение в 4.0 – объединение пользовательского интерфейса с другими продуктами Adobe.

1998 – Photoshop 5.0
В пятой версии появилась возможность управлять цветом. Еще новшества – «Панель истории» (History Palette) и «Магнитное лассо» (Magnetic lasso).

1999 – Photoshop 5.5
В составе Фотошоп появилась еще одна программа «Image Ready» для редактирования графики. Появилась функция «Сохранить для веб» (Save For Web).

2000 – Photoshop 6.0
Появилась возможность работать со «Стилями слоя» (Layer Styles), плюс расширенные возможности работы с текстом.

2001 – Photoshop Elements
В 2001 выпускается урезанная версия программы «Элементы Фотошопа» (Photoshop Elements), содержащих набор базовых инструментов. Продукт оказался успешным. Пользуется популярностью у тех, кому не нужны сильно навороченные функции Фотошопа.

2002 – Photoshop 7.0
Появилась «Восстанавливающая кисть» (Healing brush), возможность создавать и сохранять настройки рабочего места, оптимизация под использование Mac OS X.

2003 – Photoshop CS
Реализована поддержка скриптов, включая JavaScript, возможность объединять слои в «Группы слоев» (Layer groups), улучшена работа с большими изображениями.

2005 – Photoshop CS2
Появился инструмент, удаляющий «эффект красных глаз» с фотографии, возможность трансформировать изображение в перспективе, видоизменилась панель со слоями и расположение некоторых инструментов.

2007 – Photoshop CS3
Увеличение скорости загрузки, пожалуй, наиболее заметная особенность этой версии. Еще новшества – графическая оптимизация для мобильных устройств и апдейт Adobe Camera RAW.

2008 – Photoshop CS4
Улучшены функции zoom для изображения, облегчена работа с «Масками», значительна улучшена цветокоррекция, упрощен пользовательский интерфейс.

Над чем сейчас работает семейство Ноллов
Глен Нолл до сих пор преподает в Университете штата Мичиган. Джон Нолл работает на Industrial Light Magic создателем визуальных спецэффектов. Он участвовал в создании спецэффектов для «Звездных войн» и «Пиратов Карибского моря». Томас Нолл сейчас ведет работу над созданием плагина «Camera Raw», который позволит улучшить совместимость разных форматов изображений.

А вот еще интересное: