Почетак рада са УКС дизајном на Скетцх-у

Пример за нове УКС дизајнере и студенте дизајна

У последње две године писали смо пуно о саветима за Скетцх на УКС Повер Тоолс и желео сам да их организујем на начин који ће помоћи дизајнерима који тек почињу да се баве УКС-ом.

Требао бих напоменути и да нећу расправљати који је алат најбољи - претпостављам само да сте већ схватили да је Скетцх најбољи (за сада) и да желим знати како га користити као УКС дизајнер

Наше чланке подијелио сам у 5 дијелова који приказују како мислим да нови дизајнери напредују од новака до мајсторства:

  • Извлачење идеја
  • Почетак
  • Постаје бржи
  • Постајем паметнији
  • Геттинг Висуал

Извлачење идеја

УКС дизајн започиње пре него што дођете до алата - започиње тачком када вам идеја иде из главе (… заправо почиње путем пре истраживања, али нека овај чланак остане испод 20 минута).

Додуше, прилично рано скочим у дигиталне алате. Али то је углавном зато што више радим у глави и заједнички цртам на табли са својим дизајнерским тимом. УКС дизајнери који тек почињу требали би остати у малој верности док истражују проблемски простор и праве грешке.

Након што сте спремни да нешто прикажете на екрану, постоје два алата за која мислим да то стварно помажу. Први је алат ИнВисион под називом Фрееханд, који смо прегледали:

Други алат који олакшава ову фазу дизајна је скуп премиум библиотека за Скетцх названог Фловкит Матт Д. Смитх. То је добро вредно цене од 29 УСД.

Не само да је одличан за жичарење у оквиру верности, већ се може користити и у каснијим фазама вашег дизајна када вам је потребно да мапирате кључне токове рада са великом верношћу да бисте пренели свој дизајн.

Почетак

Далеко и највећа снага Скетцх-а за УКС Десигн је његов нагласак на томе да ствари буду поновљиве и брзе.

И даље је прилично алармантно видети колико дизајнера Скетцх-а не користе ствари тако једноставне и снажне као што су Схаред Стилес или новији напредак попут Уметаних симбола. Претпостављам да је то зато што дизајнери постају нестрпљиви и само желе да извуку ствари. Потпуно схватам.

Али сјајан дизајн је добар колико је дизајнер организован. Свиђа нам се метафора кувања:

Такође волимо проширити концепт Стилесхеетс-а са кода на дизајн (откад смо то написали, дизајнерски системи су заиста експлодирали на сцену, али већина ових техника је и данас релевантна):

И на крају за свети грал чланака о томе како започети пројекат у Скетцх-у, који све покрива (све до структуре мапе):

Са чланком о бонусу како да одговорно подесите изглед у Скетцх-у:

Бржи

Ок, сада када сте схватили како ефикасно покренути пројекат Скетцх, време је да почнете брже с алатом. Лично ми је увредљиво видети дизајнера како током дизајнирања не користи никакве пречице - мислим, заиста ме боли душа. Немој бити тај момак

Отприлике милион и по нових нових алата и додатака је изашло откад смо написали овај чланак, али истина, по мени се, по мом мишљењу, најбољи пратиоци за Скетцх нису заиста променили (Нудг.ит је тренутно подржан у Скетцх-у, Анима је и даље користан иако је неки од њих убачен у Скетцх функционалност изгледа):

Савети и Трикови

Јон Мооре је пренео своју мудрост корисника енергије у неколико чланака који ће вам разнијети ум у својој једноставности и моћи:

Постајем паметнији

Знате како да подесите пројекат, научили сте како да брже користите Скетцх, а сада је време да све то примените на УКС дизајн.

Као што сам већ рекао, Скетцх је савршен за УКС дизајн јер олакшава понављање, конзистентност и модуларност. Ево неколико примера како да користите Скетцх за интелигентно прављење УИ елемената (а сви они долазе са бесплатним ):

Руковање иконама и графиком ефикасно

У следећем одељку ћемо приказати страну визуелног дизајна УКС-а, али бављење графиком је често ван кормила УКС дизајнера. Уместо да бринете о стварању икона, будите паметнији у начину на који их користите:

Уметани симболи могу заправо прилично аутоматизовати:

И на крају би ме одбацили да нисам истакнуо највећи напредак Скетцха у последњих 12 месеци - Библиотеке:

Геттинг Висуал

Као да све то није било довољно, УКС дизајнери данас имају много виши стандард у погледу визуелног дизајна.

Када сам започео са УКС дизајном, нашао сам се изазов упознати се са „материјалима“ који су ми потребни за дизајн: пропорције, величина фонта, тежина, контраст боја итд.

Да бих био бољи почео сам копирањем постојећих производа да бих могао да имам осећај како је УИ састављен.

Остварили смо ово прошле године и пружили смо линкове до неколико уобичајених производа који су поново креирани у Скетцх-у (иако су неки од њих редизајнирани):

Одатле заиста можете почети да користите неке мале технике да бисте додали само мало њуха својим дизајном:

Али немојте заборавити да су тачни узорци података једнако важни за визуелни дизајн као и сами визуални материјали:

* никада нисмо написали други део

На крају, али не најмање битно, у неком тренутку каријере ћете морати да дизајнирате контролну таблу и то је често једна од највећих ноћних мора за УКС дизајнере. Лично, сматрам да надзорне плоче доносе маргиналну вредност на столу, тако да радије не бих дане проводио да графикони изгледају добро:

Било је невероватних 18 месеци помагања дизајнерској заједници кроз УКС Повер Тоолс. И док Скетцх сигурно није једини алат који би дизајнери требали имати у свом арсеналу, он је сигурно најмоћнији. Надам се да ће овај додатак помоћи онима од вас који тек почињу у УКС каријери или који врше прелазак на Скетцх због вашег дизајнерског процеса рада.

Ако вас занима систем дизајна ванилије који је савршен за покретање нових пројеката, волели бисмо да погледате оне које смо направили. Уштедеће вам хиљаде сати дизајнерског времена:

Када не сакупљам чланке о Скетцх-у на Медиум-у, радим на алатима за дизајн Скетцх-а на УКС Повер Тоолс-у како бих био бољи и ефикаснији дизајнер.

Пратите УКС Повер Тоолс на Твиттеру
Запрати ме на твитеру