Обновить
34.8

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

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

Сначала показывать
Порог рейтинга
Уровень сложности

Как сделать логотип на миллион, если ты не дизайнер

Время на прочтение3 мин
Количество просмотров57K
Что делать, если хочется сделать для своего проекта классный логотип, а денег на это нет? Последние десять лет я занимался дизайном, поэтому всегда мог сделать лого для своих проектов самостоятельно. А как можно сделать классный логотип, если ты не дизайнер?

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

Минимализм в геймдизайне: примеры, советы и идеи. Часть вторая

Время на прочтение6 мин
Количество просмотров11K
Мы, разработчики игр, всегда заняты решением какой-нибудь задачи. Конечно же, кратчайший путь между двумя точками – это прямая. И минимализм часто выступает в роли этой прямой при создании игры. Если задача оказалась слишком сложной, начинайте с простого решения и используйте его как отправную точку. Так вы позволите себе сосредоточиться на более важных аспектах геймплея.

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


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

3 шага к интерактивному прототипу

Время на прочтение6 мин
Количество просмотров12K
Идея второй статья возникла спонтанно и утвердилась благодаря нашим читателям. После первой статьи нам задавали вопросы и мы рассказывали о процессе создания сайтов. Несколько раз прозвучал термин «прототип». Действительно, это важный этап, который нельзя пропустить. В этой статье мы расскажем о нашем опыте создания интерактивных прототипов на платформе PIXLI.


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

Как мы перешли от виджетов и «кирпичиков» к интуитивной верстке с возможностью внедрения html, css и javascript

Время на прочтение9 мин
Количество просмотров22K
Здравствуйте уважаемые читатели, после почти годового периода обкатки и тестов, мы выпустили в свет первую публичную версию нашего продукта – универсальную платформу для web-дизайнеров. Зачем вообще она создавалась – спросите вы. Об этом и пойдет речь ниже.

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


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

Минимализм в геймдизайне: примеры, советы и идеи. Часть первая

Время на прочтение6 мин
Количество просмотров18K
Иногда краткость может быть красноречивее многословности.
Всё зависит от того, какую мысль вы хотите донести, какие у вас методы коммуникации и целевая аудитория. Для разработчика его игра и есть послание. Соответственно, минимализм – это проявление краткости в геймдизайне: он позволяет дизайнеру, предпочитающему простоту, а не сложность, эффективнее привлекать внимание аудитории.


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

Итеративный дизайн и GitHub

Время на прочтение1 мин
Количество просмотров7.2K
Вот уже два дня как сообщество GitHub негодует о первой итерации изменения дизайна. Заключается она в смене светлой стилистики шапки хранилища на тёмную.

Было:

image

Стало:

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

Чем отличается дизайнер в продуктовой компании от дизайнера в агентстве или студии?

Время на прочтение5 мин
Количество просмотров30K
image

Случилось так, что я 12 лет рисовал сайты, логотипы, иконки, интерфейсы и прочее в своей собственной студии дизайна Turbomilk. А потом стал работать в продуктовых компаниях, последние 3,5 года работаю директором по дизайну в компании Acronis. Я выяснил, что работа in-house дизайнера в компании, которая делает собственный продукт, сильно отличается от работы дизайнера в студии или в агентстве. Я попробовал описать основные различия и проиллюстрировать собственным опытом. Статья пригодится дизайнерам «с обеих сторон баррикад» для расширения кругозора и поможет в преодолении внутренних барьеров.
Читать дальше →

Рекомендации по применению Hero Images (UPD)

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

Из статьи вы узнаете:

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


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

Дизайн мультиязычных приложений

Время на прочтение5 мин
Количество просмотров9.9K
Представьте себе: вы впервые знакомитесь с новым приложением. В отзывах на Твиттере все сходят от него с ума, говорят, что оно превосходное, изумительное, всю жизнь им изменило.

Вы запускаете приложение и видите следующее:



Хм. Что-то тут не так. Сверху встроено видео, но текст в нем — на языке, которого вы не понимаете. Формулировки какие-то странные, а надпись на кнопке даже не влезает на саму кнопку. Как такое может нравиться людям?

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

Кейсы: разработка спецификаций и гайдлайнов (web ui kit)

Время на прочтение9 мин
Количество просмотров29K


Сегодня я поделюсь опытом разработки графической документации по гайдлайнам. Это оказалось мое второе задание для Viline. И как Вы не помните из первой части, я делал редизайн страницы видео-курса. В данной статье я опишу процесс разработки стилистики всех элементов и различных состояний. Придумаю и сформулирую некоторые правила, чтобы интерфейс получился сбалансированным и доступным с учётом аудитории…
Читать дальше →

Как я в одной команде редизайн web-продукта делал (кейсы!)

Время на прочтение6 мин
Количество просмотров6.5K
Работать с этой командой я начал благодаря Хабру. Люди прочитали некоторые мои посты и посчитали меня компетентным решать их проблемы. Опишу дальше небольшой кейс, как дизайнер интерфейсов выполнял поэтапно разные задания для web-продукта, сложность которых возрастала по мере того как мы срабатывались. Правда предупрежу заранее: если окажется, что материала написалось много для одной главы — придётся разделить на несколько…

Если Вы немного устали от flat-дизайна, хотите прочитать про “чрезмерно понятные элементы”, одобряете физику Material Design (и только), да и просто хотите посмотреть картинки простых и понятных интерфейсов, то
Загляните под кат...

Linkedin недавно провёл редизайн и я намерен это обсудить

Время на прочтение4 мин
Количество просмотров11K


Корпоративная деловая сеть Linkedin совсем недавно сменила дизайн. Это было сделано уже руками нового владельца — Microsoft. Совершенно своевременный и оправданный шаг с их стороны. Старый дизайн был как устаревшим, так и полным UX-багов. Некоторые сценарии просто невозможно было воспроизвести по памяти. Сможете сейчас вспомнить как попасть в режим отзыва отосланных приглашений?

Извините, что «в лоб» спросил. Возможно, многие из Вас даже аккаунтов там не имеют.

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

В общем я, как специалист по поиску usability багов (ну прямо как в той пословице «Слепой в чужом глазу бельмо заметит»), не смог пройти мимо этого обновления. Давайте проанилизируем то…
Что сразу бросается в глаза :

Собственный слайдер изображений на jQuery

Время на прочтение14 мин
Количество просмотров137K

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


Ближайшие события

Интуитивный дизайн против вирусного

Время на прочтение6 мин
Количество просмотров17K

Интерфейс Snapchat приводит в замешательство многих пользователей. Не в упрек старшему поколению, прослеживается такая тенденция: люди, перешагнувшие определенный возрастной рубеж, с большим трудом разбираются в самых базовых функциях этого приложения — замене лиц, например. Я уже сбился со счета, сколько людей плакались мне насчет Snapchat. «Ничего не понимаю», — восклицают они. «Почему все так сложно?»

Я здесь, чтобы заявить: непонятный дизайн Snapchat — это не баг, а фича. Как и в случае с Tinder, это дизайн, который ставит своей целью затянуть пользователя и подтолкнуть его к тому, чтобы он делился опытом с окружающими. На самом деле, это одна из ключевых составляющих громкого успеха Snapchat.
Читать дальше →

Медленная эволюция интерфейсов или сага о четвёртой кнопочке

Время на прочтение1 мин
Количество просмотров6K
image

С приходом windows на наши десктопы у нас появились окна приложений и этими окнами нужно было как-то управлять. Были сделаны две кнопки «сворачивания окна» и «разворачивания на весь экран», но довольно быстро дизайнеры интерфейса windows осознали, что закрывать окна приходится не реже чем сворачивать и разворачивать на весь экран и интерфейс получил третью кнопку в коем законсервированном состоянии и пребывает уже более двадцати лет и не только на windows. МакОС и различные окружения рабочего стола для Линукс использую полностью аналогичную систему, разве что положение этих кнопок иногда меняется (кто-то в левом верхнем углу окна их поместит, кто-то в правом).
Читать дальше →

Дизайнер интерфейсов на Хабре — итоги моего первого года

Время на прочтение6 мин
Количество просмотров4K
Всем привет! В данном посте хотелось бы пройтись по статистике своих записей за год.
Дело в том, что я, как UX/UI дизайнер внезапно начал писать на Хабр! Так уж вышло, сорян. Это было почти ровно год назад. Запись ту сурово слили — первый блин комом. Однако, кто-то нашёл в ней долю ценного и подарил мне Read/Write mode. Спасибо тебе, кстати, добрый человек. Если ты видишь этот пост, пожалуйста, тихонько кивни.

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

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

Начну, пожалуй, с предыстории...

Inkscape: начало (перевод)

Время на прочтение12 мин
Количество просмотров26K
Предисловие переводчика:
В первые месяцы 2013 года деятельность авторов PCLinuxOS Magazine (распространяемого под лицензией CC- BY-NC-SA 3.0) была посвящена миграции с Windows, учебнику по GIMP, нескольким компьютерным играм и другим темам. В мартовском номере появилась статья об Inkscape. От ее автора Meemaw она получила название Inkscape: Getting Started. В принципе, все. После этой строки представлен результат предпринятой мной попытки перевода этой статьи.
Читать дальше →

Манипуляции пользователями сайта с помощью цветов

Время на прочтение12 мин
Количество просмотров28K
Мы живем во времена, когда люди не привыкли глубоко погружаться в какую-то тему. Это касается и дизайна. Сегодня все ценят победы на различных престижных конкурсах по дизайну, или, в худшем случае, оценивают личным «нравится / не нравится». У нас также есть международные награды по дизайну от Awwwards, Behance и других известных «оценщиков», которые диктуют современную моду в веб-дизайне. Но так ли они важны? Если всмотреться в суть дизайна, то он, как и многое в нашем мире, основывается на психологии восприятия. И психология — это основа любого успешного дизайна. Вы можете победить на конкурсе по дизайну, но сайт при этом будет лишь красивой картинкой, которая абсолютно не достигает поставленной цели. В этой статье мы поговорим о психологии и эффективности дизайна сайта, в частности, подробно разобрав такой важный аспект, как цвета.
Читать дальше →

Простой способ презентовать свои UX-решения потенциальному клиенту

Время на прочтение7 мин
Количество просмотров19K
Данная статья является примером осмысления и изложения некоторых рабочих моментов из практики UX проектировщика. Появилось понимание, что при решении определённых задач я использую некоторый подход к разработке экранов интерфейса, который вполне уже “устаканился” и применяется мной регулярно. Подход прост и понятен! И что самое главное он эффективно презентует мои идеи потенциальному клиенту…


Книга «Дизайнь. Современный креатифф»

Время на прочтение2 мин
Количество просмотров6.6K
image Привет, Хаброжители! Что получится, если скрестить дизайн с юмором? Полезное, абсолютно натуральное руководство по юмору в дизайне, без сульфатов и парабенов. Вы найдете множество советов, шуток и сможете почерпнуть вдохновение из работ лучших дизайнерских агентств, фрилансеров и профессиональных комиков.

Откройте 42 принципа чумового дизайна, чтобы трансформировать подход к визуальной коммуникации от «Да ну» до «Ха-ха-ха». Узнайте, что следует сказать заказчику, чтобы он вложил
деньги в вашу веселую идею. Вы знаете, что первые комиксы появились более 50 000 лет назад? Неважно, кто вы — начинающий дизайнер, профессионал своего дела или просто любите смотреть забавные картинки — вы получите удовольствие от этой книги. Хватит серьезных рассуждений о дизайне!
Читать дальше →