Pull to refresh
14
Karma
0
Rating
TheyMakeDesign @TheyMakeDesign

Creator

  • Followers 20
  • Following

Vital Characteristics Of The Best Webflow Designers

Website development *
A great website serves as the main key to hit success. Enhancing the online presence of your brand is absolutely a must nowadays. Technological advancement has changed the global business landscape. Hence, it is important to have a webflow developer who will take charge of the codes to be used in website templates and designs. Webflow is a website tool. It is a flexible platform that is geared to create a homogenous biz site. The use of this tool will definitely pave the way for your brand to excel on the web.
Read more →
Rating 0
Views 466
Comments 0

Дизайн система Société Générale: Гармония дизайна и разработки

Web design *Interfaces *Mobile applications design *Graphic design *Design
Translation
Предлагаем вашему вниманию перевод истории о создании дизайн системы, рассказанной дизайнером из Societe Generale.

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

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


Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Views 4K
Comments 0

Приёмы в проектировании пользовательского интерфейса, которые сэкономят время

Web design *Interfaces *Graphic design *Design
Translation
Tutorial
В переводе этой статьи автор приводят ряд советов и приёмов, которые упростят жизнь при проектировании дизайна пользовательского интерфейса. В статье даны сведения о полезных и экономящих время возможностях работы таких программ как Sketch, Adobe Illustrator, Figma, Adobe XD.


Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 6K
Comments 1

Использование модальных окон в пользовательских интерфейсах

Web design *Interfaces *Mobile applications design *Design
Translation
Tutorial
Многие дизайнеры в процессе создания цифровых продуктов основываются на свои чувства. Несмотря на то, что в некоторых случаях это полезно, существуют проверенные общие стандарты, которые помогают логически обоснованно создавать решения пользовательского интерфейса вместо того, чтобы полагаться на интуицию.

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


Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views 11K
Comments 1

Как работать вне офиса и не сойти с ума

Personnel Management *IT career Lifehacks for geeks
Translation
В последние годы полностью удаленные компании, такие как GitLab, Zapier и InVision, доказали, что культура удалённой работы — это не просто привилегия, но и явное преимущество для бизнеса. Кроме того и некоторые UI/UX дизайн-агенства использую практику удаленной работы. И развитие технологий лишь ускоряет этот переход. Мы можем мгновенно общаться в Slack или других мессенджерах, скоординировать глобальную видеоконференцию через Zoom и отслеживать всю нашу дорожную карту проекта в Asana.

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

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

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


Читать дальше →
Total votes 29: ↑26 and ↓3 +23
Views 17K
Comments 2

Мифы о доступности цветового контраста

Web design *Interfaces *Accessibility *Graphic design *Design
Translation
В сегодняшнее время растёт потребность дизайнеров в том, чтобы сделать интерфейсы доступными абсолютно для всех пользователей. Естественно, очень важно приспособить пользователей с ограниченными возможностями к пользованию такими интерфейсами, но в то же время рождается достаточно мифов касательно основ доступности цветового контраста и эти мифы увековечиваются дезинформированными людьми. Они часто повторяют и ретранслируют эти мифы, чтобы дискредитировать дизайн, не понимая, в каких ситуациях применяется тот или иной стандарт цветового контраста. Кроме того, они предполагают, что интерфейс является недоступным, когда для передачи информации используется цветовой контраст.

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


Читать дальше →
Total votes 31: ↑30 and ↓1 +29
Views 12K
Comments 7

Микровзаимодействия и их использование в пользовательских интерфейсах

Web design *Interfaces *Mobile applications design *Graphic design *Design
Translation
Tutorial
В переводе данной статьи автор рассказывает о составляющих микровзаимодействия в дизайне, описывает их утилитарные функции в контексте общего дизайна, а также приводит примеры где эти микровзаимодействия помогают выполнять полезные функции при взаимодействии пользователя с интерфейсом приложения.

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


Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views 2.3K
Comments 2

Как создать эффективные скриншоты для приложения в App Store

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

Рекламная страница содержит в себе различные виды информации. Однако, как показывает практика, люди изначально предпочитают сканировать графическую информацию, а не считывать конкретный текст. Скриншоты приложения — это то, что бросается в глаза читателям в первую очередь. Эта задача может показаться сложной и требовательной, поскольку у вас есть всего несколько слотов для скриншотов и не во все удастся поместить всё, то что бы вы хотели сказать о вашем приложении. Тем не менее, если включить творческую мысль на полную, то есть большая вероятность сотворить шедевр. В связи с этим, мы хотим поделиться с вами несколькими шагами, которые помогут создать скриншоты для вашего приложения.
Читать дальше →
Total votes 12: ↑10 and ↓2 +8
Views 3.1K
Comments 2

Пространство, сетки и макеты

Web design *Graphic design *Design
Translation
Tutorial
В этой статье автор рассказывает о том как подойти к созданию дизайн-системы, рассказывает о её основах и том, как применить описанные методы и понятий в текущем дизайн проекте. Новички смогут узнать базовые понятия, а профессионалы могут освежить или покритиковать содержаний данной статьи.

Организация пространства является ключом к добротному и прекрасному дизайну. Пространственные системы, сетки для вёрстки и макеты фактически предоставляют правила, которые придают вашим проектам постоянный ритм, ограничивают принятие лишних решений и помогают командам оставаться на одном уровне понимания дизайна проекта. Эти фундаментальные понятия являются обязательным требованием для всех дизайн-систем. В этом руководстве мы пройдёмся по основам определения базовых пространственных единиц, создания правил отношений при помощи сеток (grids) и объединения их для создания современных макетов (layout) пользовательского интерфейса.


Читать дальше →
Total votes 10: ↑10 and ↓0 +10
Views 6.3K
Comments 2

Проектирование доступных цветовых систем

Accessibility *Graphic design *Design
Translation
Цветовой контраст является важным аспектом доступности в дизайне продукта. Хорошая контрастность облегчает использование продуктов людьми с нарушениями зрения и помогает в несовершенных условиях, таких как слабое освещение или старые экраны. Имея это в виду, мы недавно обновили цвета в наших пользовательских интерфейсах, чтобы сделать их более доступными. В переводе этой статьи сотрудники Stripe рассказывают о том, как они решали эту проблему, чем руководствовались и к чему в итоге пришли.


Читать дальше →
Total votes 34: ↑34 and ↓0 +34
Views 7K
Comments 5

Использование законов гештальт-психологии в дизайне пользовательского интерфейса

Design
Translation
Tutorial
Гештальт — это немецкое слово, означающее понятие «форма». Гештальтпсихология была основана немецкими психологами Максом Вертхаймером, Вольфгангом Колером и Куртом Коффкой и ориентирована на то, как люди интерпретируют мир. Вертхаймер, Колер и Коффка установили несколько фундаментальных принципов, также известных как «законы организации восприятия». Эти Принципы описывают то, как мы воспринимаем мир.

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


Читать дальше →
Total votes 32: ↑29 and ↓3 +26
Views 11K
Comments 3

Что такое PSD макет айфона и как его использовать?

Design
Recovery mode
Translation
Tutorial
Клиенты с гораздо большей вероятностью одобрят или приобретут дизайн, если смогут себе представить, как он будет выглядеть в реальности. А в мире, где стремительные бизнес-решения являются нормой, для дизайнеров как никогда важно иметь возможность быстро представитть реалистичный макет сотворенного дизайна.

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

Читать дальше →
Total votes 23: ↑1 and ↓22 -21
Views 2.8K
Comments 5

UX Резюме: Перезагрузка

Data visualization IT career Design
Translation
Tutorial
Практически у каждого из вас есть резюме, не так ли? Так как это важная часть вашего основного набора инструментов используемого при поиске работы, точно такая же, как и портфолио (если у вас еще есть проблемы с этим — то вам сюда). Однако, уверены ли вы, что оно проходит через элементарные автоматические проверки при подаче заявки на вакансию своей мечты?



Читать дальше →
Total votes 11: ↑10 and ↓1 +9
Views 7.7K
Comments 5

Портфолио UX-дизайнеров: лучшие практики

Data visualization IT career Design
Translation
Tutorial
Сегодня мы хотим поделиться мыслями о том, что необходимо для создания хорошего портфолио UX-дизайнера.

Представим, что Вам необходимо портфолио, чтобы получить заказ на UI/UX работу. Если Вы лишь начинаете работать в этой сфере или взяли достаточно большой перерыв в своей работе, то это может стать настоящим шоком. Даже если у Вас есть портфолио, может быть интересно, сделает ли оно всё возможное от того, что может. На этот счёт, у нас есть некоторые мысли на тему портфолио дизайна – как сделать его целостным и извлечь из него максимальную пользу и выгоду.
Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views 23K
Comments 2

Что такое UI и UX дизайн? Что в них общего и что различного?

Design
Recovery mode
Tutorial
Всем привет! Предлагаем вам изучить простой в освоении материал, чтобы лучше понять разницу между дизайном пользовательского интерфейса (UI) и пользовательским интерфейсом (UX)

UI-дизайн и UX-дизайн — два наиболее часто запутанных и противоречивых понятия, использующихся как в веб-дизайне, так и в дизайне приложений. Обычно их совмещают вместе в один термин — UI/UX-дизайн и с первого взгляда кажется, что они описывают один и то же процесс. Часто бывает трудно найти четкое описание для каждого из них в отдельности, не опускаясь при этом до профессионального жаргона. Однако мы постараемся сделать это!

Ниже, мы подготовили простой в освоении материал по этим терминам.
К концу этой статьи вы будете достаточно хорошо понимать, Что в них схожего и что различного. Итак, давайте приступим!
Читать дальше →
Total votes 15: ↑11 and ↓4 +7
Views 7.4K
Comments 5

Information

Rating
Does not participate
Registered
Activity