Все потоки

Графический дизайн *

Художественно-проектная деятельность

СтатьиПостыНовостиАвторыКомпании

Elena_sm 1 авг 2016 в 14:04

11 дизайнерских проектов, «взорвавших» мир

9 мин

58K

Блог компании ua-hosting.companyГрафический дизайн *

Перевод

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

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

1. Вербовочные плакаты Первой мировой войны

Плакаты времен Первой мировой войны, призванные мобилизовать массы в Британии и в Америке

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

+18

OsmanovEmil 28 июл 2016 в 11:23

Графический интерфейс пользователя как отражение реального мира: тени и подъем элементов

5 мин

19K

Usability * Веб-дизайн * Графический дизайн * Компьютерная анимация *

Перевод

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

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

+15

Plarium 25 июл 2016 в 13:55

Вид и перспектива в дизайне уровней. Часть вторая

5 мин

17K

Блог компании PlariumГрафический дизайн * Дизайн игр * Дизайн мобильных приложений *

Перевод

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

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

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

+14

Plarium 22 июл 2016 в 09:17

Вид и перспектива в дизайне уровней. Часть первая

5 мин

21K

Блог компании PlariumГрафический дизайн * Дизайн игр * Дизайн мобильных приложений *

Перевод

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

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

+12

DenSvet 18 июл 2016 в 16:15

WS2812B, WS2813, APA102 Ограничения в использовании умных светодиодов в современных проектах декоративной светотехники

4 мин

111K

Работа с видео * Программирование микроконтроллеров * ДизайнГрафический дизайн * Визуализация данных *

Из песочницы

Уже несколько лет на рынке светотехники можно встретить такие названия, как: «smart led strip», «smart led pixel» и подобные. Как правило, «умный пиксель» — это сборка из миниатюрного 3-х канального светодиодного драйвера (с интегрированным стабилизатором тока, PWM модулятором и сдвиговым регистром), подключенная к RGB светодиоду. На базе таких пикселей многие производители выпускают «умные» гибкие светодиодные ленты, LED «гвозди» и LED кластера. Также можно встретить такие модели чипов, как WS2812, WS2813, с интегрированным LED драйвером непосредственно в корпус 5050 RGB светодиода. Малые габариты, большое количество последовательно включенных пикселей (более 1000 шт.), простота управления по 1(2) проводу и сравнительно низкая стоимость решения — более чем оправдывают их применение.

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

+9

roman_logo 18 июл 2016 в 15:13

Странные буквы русского афавита

1 мин

43K

Блог компании ЛогомашинаГрафический дизайн * Векторная графика * Типографика *

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

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

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

0

LukinB 18 июл 2016 в 11:53

Улучшаем цвета в вебе (для эплофилов)

14 мин

49K

CGI (графика) * Графический дизайн *

Это перевод публикации в блоге Web Kit.

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

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

+11

kamushken 14 июл 2016 в 08:41

Проецируя Google Material Design на десктопную систему… (часть четвёртая и заключительная)

4 мин

13K

Интерфейсы * Дизайн мобильных приложений * Графический дизайн * Веб-дизайн * Usability *

Это будет заключительная часть о редизайне внутрикорпоративной CRM “Chronos”. Я опишу оставшиеся разделы и сделаю кое-какие выводы о проделанной работе. Тех, кто только пропустил первые три части, приглашаю пройтись по ссылкам: первая, вторая и третья. Те, кто уже утомился от моей писанины по данному проекту — сходите заварите кофейку, остальные могут проследовать глубже в подкатье…

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

+4

ph_piter 12 июл 2016 в 09:30

Книга «100 НОВЫХ главных принципов дизайна»

12 мин

21K

Блог компании Издательский дом «Питер»Графический дизайн * Веб-дизайн *

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

Узнайте, как повысить эффективность ваших веб-сайтов, приложений, дизайна и продуктов, найдя в книге ответы на следующие вопросы:
• Как заинтересовать зрителя рекламным роликом?
• Какое количество текста на экране люди готовы прочитать?
• Как одним простым приемом усилить правдоподобность вашего контента?
• Когда лучше НЕ давать аудитории выбор?
• Почему смех помогает в обучении детей?
• Облегчают ли шрифты восприятие информации?
• На каком месте экрана смартфона нельзя размещать меню?
• Каким образом человеческий мозг обрабатывает большие объемы данных?

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

+6

azinchanka 6 июл 2016 в 08:57

Стиль или его отсутствие?

2 мин

11K

Веб-дизайн * Графический дизайн * Иконки *

Из песочницы

Предлагаю читателям Хабрахабра перевод заметки «Style vs No Style» из блога Sacha Grief.

Недавно у меня (т.е у автора оригинального текста – прим. переводчицы) произошёл интересный обмен мнениями с Jin Yang (главным дизайнером StackExchange). Всё началось с моего твита моей же статьи «Руководство по выбору дизайнера», где я, в частности, советую:

«… выбирайте дизайнера, чей стиль в данный момент наиболее соответствует вашим потребностям»

Я даже цитировал Jason Cohen:

«Не устану повторять: дизайнеры не изменят свой стиль на ваш». На что Jun Yang ответил: «Если бы я нанимал дизайнера, я бы выбрал того, кто собственного стиля не имеет»

Так неужели «стиль» это так плохо? Боюсь, мне придётся поспорить с Yang'ом.

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

+7

Elena_sm 5 июл 2016 в 14:44

40 туториалов для создания векторных иллюстраций

6 мин

269K

Блог компании ua-hosting.companyГрафический дизайн * Векторная графика *

Туториал

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

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

Итак, поехали:

Приступая к работе

1. Изучение векторной иллюстрации за 10 шагов

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.

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

+33

OsmanovEmil 4 июл 2016 в 12:10

Поэтапное руководство по созданию иконок

11 мин

89K

Веб-дизайн * Графический дизайн * Иконки *

Статья была опубликована на smashingmagazine автор статьи Scott Lewis.

Найти недорогие качественно сделанные иконки и векторные изображения не составляет труда – именно для этого есть такие веб-сайты, как Iconfinder (где работает автор настоящей статьи). В распоряжении дизайнеров тысячи наборов иконок премиум класса, и сотни наборов доступны для бесплатного скачивания.

В данной статье приводится руководство по дизайну векторных иконок, которое включает в себя шесть этапов. Мы рассмотрим эти этапы после того, как разберем основные принципы успешного дизайна иконок. Эти принципы хорошо известны и подробно рассмотрены в таких работах, как Руководство по дизайну иконок Джона Хикса, а также в руководстве от Google Материальный дизайн в разработке системных иконок. Шесть этапов, которые мы будем рассматривать в данной статье, должны восприниматься, как рекомендации, а не как догмы. Способность чувствовать, где нужно следовать правилам, а когда их лучше нарушить – это важное качество, которое должен развить в себе каждый хороший дизайнер, и мы наглядно это продемонстрируем.

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

+22

OsmanovEmil 1 июл 2016 в 08:44

Улучшение опыта взаимодействия за счет использования карточек в дизайне

6 мин

19K

Usability * Веб-дизайн * Графический дизайн * Интерфейсы *

Перевод

Талантливый Ник Бабич разработчик, UX/UI специалист поделился своим опытом в блоге UX Planet про Улучшение опыта взаимодействия за счет использования карточек в дизайне. Наша команда выполнила перевод данной статьи.

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

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

Что такое карточки?

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

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

+8

OsmanovEmil 29 июн 2016 в 13:25

UX-дизайн кнопки: советы по созданию, типы и состояния

6 мин

188K

Usability * Веб-дизайн * Графический дизайн * Дизайн мобильных приложений * Интерфейсы *

Перевод

Ник Бабич разработчик, UX/UI специалист написал заметку в блоге UX Planet про UX-дизайн кнопки: советы по созданию, типы и состояния. Наша команда выполнила перевод данной статьи

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

Советы по созданию кнопок

Кнопки должны выглядеть как кнопки

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

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

+10

OsmanovEmil 28 июн 2016 в 07:56

Проектирование сайтов для людей с деменцией

13 мин

12K

Интерфейсы * Дизайн мобильных приложений * Графический дизайн * Веб-дизайн * Usability *

Статья была опубликована на smashingmagazine и была переведена специально для Хабрахабра.

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

Звучит довольно просто, не так ли? А теперь давайте рассмотрим это вот с какой точки зрения… Число интернет-пользователей, страдающих деменцией во всем мире постоянно растет. У них могут быть разные уровни компьютерной грамотности, они могут испытывать следующие проблемы: потеря памяти, спутанность сознания, проблемы, связанные со зрением и восприятием, трудности с упорядочиванием и обработкой информации, речевые проблемы, неспособность решать некоторые проблемы и задачи.

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

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

+10

LukinB 23 июн 2016 в 21:36

Технические и социальные вызовы диалогового интерфейса

12 мин

10K

Веб-дизайн * Графический дизайн * Интерфейсы *

Перевод

Я сделал мой сайт диалоговым. Здесь рассказано, чему я научился.

Несколько недель назад я начал эксперимент на своём сайте. Я сделал его диалоговым. Обратная связь, отзывы и освещение в сети были абсолютно удивительными. Я получил более 300 записок по почте за первые 24 часа.

Спасибо всем, кто нашёл время пообщаться со мной на сайте. Это было прекрасно!

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

Так что — вперёд.

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

+12

dmithree 15 июн 2016 в 09:14

OFFF 2016

8 мин

5K

Блог компании AcronisГрафический дизайн * Компьютерная анимация * 3D-графика * Звук

OFFF — фестиваль барселонских творцов — появился аж целых 16 лет назад, в 2000 году, а название расшифровывается как Online Flash Film Festival. Зачинщиком тусовки был испанский дизайнер и художник Héctor Ayuso. Сам Гектор называет OFFF не просто фестивалем, а жизненным путём, который постоянно меняется и эволюционирует.

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

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

+11

SLY_G 12 июн 2016 в 19:54

Ценность многошрифтового дизайна

15 мин

19K

Веб-дизайн * Графический дизайн * Интерфейсы *

Перевод

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

«Очень нравится сайт, потому что он не боится нарушать одно из первых правил шрифта – не использовать слишком много разных гарнитур. Используется четыре шрифта, два из семейства sans-serif и два из serif — Galaxie Copernicus, Interstate, Harriet и Nimbus Sans. Основной момент такого дизайна – последовательность, и сайт Бетани Хек последовательно использует каждый из шрифтов для своей цели.»
— Джеремия Шоаф, Typewolf

Расцениваю это, как вызов. Спасибо, Джеремия!

Хочу поспорить и рассказать о ценности эклектичных систем, и о том, как создать структуру проекта, чтобы эффективно использовать совместно несколько шрифтов.

Так почему же у нас есть правила насчёт количества используемых гарнитур?

Реально много больших картинок.

+14

Varhal 10 июн 2016 в 06:33

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

3 мин

14K

Графический дизайн * Дизайн мобильных приложений * Интерфейсы * Прототипирование *

Перевод

Как дизайнеры, мы постоянно экспериментируем с разными инструментами и процессами, чтобы найти наиболее эффективные решение. После массы таких экспериментов я выработал свой идеальный рабочий процесс, которыми и поделюсь в этом посте. Дизайн — это процесс, и вариант этого процесса, который я опишу ниже, использовался мной на всех проектах по созданию так называемых “habit-forming” продуктов (т.е. продуктов, формирующих привычки), которые так любят пользователи.

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

+9

Elena_sm 8 июн 2016 в 14:55

12 неписаных правил в дизайне

6 мин

24K

Блог компании ua-hosting.companyГрафический дизайн * Векторная графика *

Перевод

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

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

1. Узнайте, что на самом деле хочет ваш клиент

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

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

-8

1 2 ...

49