На протяжении многих лет я неоднократно сталкивался с японскими веб-сайтами — изучал визовые требования, планировал поездки или просто заказывал что-то онлайн. Мне потребовалось немало времени, чтобы смириться с обилием текста, обилием ярких цветов и десятком разных шрифтов, которыми пестрят сайты наподобие этого:
Рубрика «дизайн сайтов»
Почему японские веб-сайты выглядят так необычно, или учимся оценивать дизайн, не делая поспешных выводов
2023-05-19 в 9:27, admin, рубрики: Блог компании ISPsystem, веб-дизайн, дизайн, дизайн сайтов, дизайн сайтов и логотипов, япония41 термин в дизайне, полезный для UX-исследователя
2020-09-05 в 7:32, admin, рубрики: material design, UI, ui/ux дизайн, UX, web-разработка, wireflow, веб-дизайн, верстка, верстка сайтов, графический дизайн, дизайн, дизайн сайтов, дизайнеру, Разработка веб-сайтов
Работа с UX-дизайнерами и знакомство с их словарным запасом — это почти изучение нового языка. Давайте посмотрим на 41 часто используемый дизайнерский термин. Для лучшего взаимопонимания в команде.
Разбор UI-UX на примере прототипа в Figma и основные принципы
2020-06-24 в 11:32, admin, рубрики: figma, ui/ux, дизайн, дизайн интерфейсов, дизайн мобильных приложений, дизайн сайтов, новичкам, прототипирование, прототипирование интерфейсов, Управление продуктомКому адресована статья
В данной публикации я хочу помочь начинающим и «не очень» бизнес-аналитикам, менеджерам проектов, владельцам продуктов, желающим сделать свой первый сайт и всем-всем, кому надо сделать макет сайта или приложения, а он не знает с какой стороны подступиться к делу.
В сети интернет масса материалов на эту тему, но в большинстве своем они или слишком поверхностны, либо требуют знания терминологии и опыта работы с конкретной системой для создания прототипов. Не претендуя на «создание золота», я все же надеюсь, что моя статья будет полезна и интересна желающим погрузиться в славный мир создания макетов с помощью современных средств, а не путем создания рисунков в Paint, Word или Excel. То есть, эта статья для «чайников» в части создания рабочих прототипов.
Сначала я кратко опишу, что такое прототип и UI/UX дизайн, потом опишу инструменты для их создания, а в конце статьи пошагово разберу небольшой пример создания прототипа в одном из инструментов – Figma.
Читать полностью »
Mockdown: самый быстрый способ создания вайрфреймов
2019-03-22 в 10:13, admin, рубрики: вайрфрейм, вайрфреймы, дизайн, дизайн интерфейсов, дизайн сайтов, макеты, прототипирование, Управление продуктом, управление проектамиПри создании технического задания клиенты часто отправляют много ссылок на сайты для понимании бизнес задач. Например: хочу регистрация и авторизацию как у twitter, список с новостными блоками как в Яндекс Дзен и т.д. Очень сложно такие части проекта задокументировать, хочется их оформить визуально с помощью вайрфреймов.
Тренды в дизайне UI и UX 2019
2019-01-16 в 19:56, admin, рубрики: веб-дизайн, графический дизайн, дизайн, дизайн интерфейсов, дизайн мобильных приложений, дизайн мобильных сайтов, дизайн сайтов, интерфейсы, интерфейсы и юзабилити, тренды 2019
Иллюстрация от J.HUA
Год назад мы составили прогноз трендов в дизайне мобильных UI. В этом году мы решили выйти за рамки мобильных интерфейсов, потому что тренд №1 в современном дизайне — это контекст. Больше никаких обобщений — теперь всё завязано на контексте.
Кажется, мы добились определённого прогресса с развитием технологий и ростом понимания того, как должны работать продукты, предлагаемые пользователю.
Рано или поздно мы разработаем философию универсального дизайна, которая будет применяться при создании всего, что мы производим, и не только того, что мы продаём. Всё вокруг требует хороших дизайнерских решений, даже образы наших стран. Но не будем о будущем; давайте рассмотрим основные тренды в дизайне интерфейсов 2019.
Читать полностью »
От «Победы» до PornHub: как компании применяют тёмные паттерны
2018-11-06 в 14:00, admin, рубрики: binary district, ux/ui, Блог компании Binary District, веб-дизайн, дизайн, дизайн мобильных приложений, дизайн сайтов, темные паттерныМногие компании используют так называемые тёмные паттерны: интерфейсы, сделанные не для удобства пользователя, а для получения выгоды. Спикер курса Binary District «UX/UI для продуктологов и дизайнеров» — арт-директор компании «Наносемантика» Михаил Федосов — рассказал, какие виды паттернов используются в разных компаниях, и есть ли у дизайнеров альтернатива такому подходу.
Design на CodeFest: мышление, развитие и культура
2018-03-13 в 6:42, admin, рубрики: Readymag, tinkoff, Блог компании CodeFest, дизайн интерфейсов, дизайн мобильных приложений, дизайн сайтов, дизайн-мышление, Разработка веб-сайтов, разработка мобильных приложенийПока программный комитет занёс руку над кнопкой для досрочного закрытия регистрации, торопимся рассказать о самой юзер-френдли секции CodeFest 2018. Поговорим о дизайне.
Как создать устойчивую и гармоничную систему отступов в дизайне для более быстрой разработки
2017-11-22 в 10:38, admin, рубрики: UI, Блог компании Я люблю ИП, веб-дизайн, веб-разработка и дизайн, дизайн интерфейсов, дизайн сайтов, интерфейсы, Разработка веб-сайтов, разработка сайтов, типографика
Перевод «Я люблю ИП»
Недавно я работала над созданием системы отступов и размеров для одного продукта в сфере здравоохранения, чтобы улучшить читабельность текста и добиться последовательности на всех страницах. Я вывела три правила для отступов (Правило трёх «К») и четыре размера (16px, 8px, 4px, 2px), которые работали гармонично с новой системой типографики.
Из этой статьи вы узнаете, как использовать расстояния осознанно для последовательности в дизайне и более быстрой разработки.
Камень в огород дизайнера
2017-10-16 в 14:31, admin, рубрики: opencart, веб-дизайн, верстка сайтов, дизайн сайтов, интернет-магазин, обучение дизайну
*Статья предназначена для начинающих дизайнеров интернет-магазинов, а также frontend разработчикам способных как-то повлиять на оных. Если Вы не относитесь к этим категориям, можете не тратить свое время. Я предупредил.
“ Все ошибки которые допустил frontend разработчик ему вернутся при сборке сайта, все недоработки которые поленился прорисовать дизайнер будет додумывать верстальщик ”
Цвет в дизайне интерфейсов: инструкция по применению
2017-09-04 в 6:40, admin, рубрики: Блог компании Я люблю ИП, веб-дизайн, графический дизайн, дизайн интерфейсов, дизайн сайтов, интерфейсы, цвет, цветовая схема
Как создать чистый интерфейс, используя всего лишь один цвет? Вы узнаете из этой статьи. Перевод «Я люблю ИП».
Будучи по большому счёту дизайнером-самоучкой, мне всегда было интересно, почему так много статей и сайтов говорят о теории цвета и цветовых палитрах. По моему опыту, использую «сплит-комплиментарную палитру» вероятность сделать красивый дизайн стремится к нулю.
У меня есть другое мнение на этот счёт: теория цвета бесполезна.
Но если теория цвета не является прочной основой для выбора цвета в дизайне интерфейсов, то что тогда является?
Вот вам мой ответ: модификация цвета. Всё дело в небольших изменениях цвета, а не в их выборе из цветового круга.
Другими словами: основным навыком в придании цвета дизайну интерфейсов является умение модифицировать один основной цвет во множество различных вариаций.
Я знаю, что это звучит немного странно. Но послушайте меня, я дам вам практическую инструкцию для адаптации цвета в вашем дизайне.
Вы готовы? Тогда поехали.