Хусусияти тарҳрезии матн аз Google аввалан ба платформаи Android ҳамчун тарзи пешниҳоди тарҳрезии лоиҳа нигаронида шудааст.
01 аз 06
Чӣ гуна эҷод кардани кортҳои корбурди моддӣ дар Adobe дараҷаи таҷрибаи кории CC
Пас аз он ки дизайнерон ба воситаи он фишурда ва фаҳмиши фикр дар паси он, Таҳияи матритсус оромона ба яке аз филтрҳои назаррас дар веб ва мобилӣ табдил меёбад . Ҳамаи шумо бояд барои дидани он, ки мо дар даст дорем, дар ҷустуҷӯи таҳсили матнӣ дар Pinterest ҳастед ва садҳо намунаҳо ва таҷрибаҳоро дар дастгоҳҳо, планшетҳо ва ҳатто вебсайтҳо мебинед.
Ҷанбаи шавқовари тарҳрезии математикӣ ин аст, ки Google дар бораи он ки чӣ тавр барномаҳо бояд пайдо шаванд ва дар дастгоҳҳои мобилӣ кор кунанд, вале мафҳумҳо ба ҳар гуна экран дар ҳама гуна панел истифода мешаванд. Чун Google дар сарлавҳаи кушодаи инъикос қайд мекунад, "Мо худамонро барои истифодабарандагони мо, ки принсипҳои классикии тарроҳии хубро бо навоварӣ ва имконоти технологияи илмӣ тақвият мебахшем, тақдим менамоем. Ин тарҳи моддӣ мебошад. Ин нома ҳуҷҷати зиндаест, ки ҳангоми таҳияи тарзу усули тарҳи моддӣ идома хоҳад ёфт. "
Маводи дар бораи он, ки дар миқёси умумӣ гап мезананд, коғаз аст ва аломати банақшагирии моддӣ ин корт мебошад. Андозаи кортро дар рӯи сатҳи фикр кунед ва шумо дар роҳи дуруст ҳастед. Корт як элементест, ки дорои расмҳо, видеоҳо, пайвастҳои матнӣ ва ғайраҳо мебошад, вале дар он ҷо аз тарҳҳои зиёди интерактивӣ фарқ мекунанд, онҳо ба мавзӯи ягона равона мешаванд. Кортҳо чуқурҳоро фаро мегиранд, ки дорои сояҳои сиёҳ бо нишон додани он аст, ки болотар аст ва агар онҳо дар як ҳавопаймо бошанд, онҳо ҳамчун "ҷамъоварии" номида мешаванд.
Дар ин "Чӣ тавр" мо мехоҳем кортро дар асоси тахтаҳо эҷод кунем. Ба ҷои он ки кортро бо якчанд воситаҳои тасвирӣ ва тасвирӣ кашем, мо онро аз самти дигар хоҳем бурд. Мо мехоҳем, ки воситаҳоро дар намунаи таҷрибаи Adobe истифода барем, ки ҳоло дар пешрафти ҷамъиятӣ танҳо Macintosh мебошад ва озод аст. Шумо метавонед онро дар ин ҷо бор кунед.
Биёед бубинем.
02 аз 06
Сохтани Санаи Prototype дар Adobe Experience Design CC
Роҳи равшане барои эҷоди экрани Android аз "Screen Screen in Design Experience CC (XD)" вуҷуд надорад. Вақте, ки мо ҳангоми кушодани XD кушиш менамоем, ки iPhone 6-ро интихоб намоем ва ҳангоме, ки интерфейси кушода шавад, мо асбобҳои санҷиширо дар поёни зерхат интихоб кунед ва Android Mobile-ро аз интихоби параметрҳо дар панели асбобҳо ба рост интихоб кунед. Сипас, мо ба воситаи интихоби асбобҳо ҳаракат карда, як бор ба номи санҷандаи iPhone -ро пахш карда, тасвирро тоза кунед. Дигар на.
Дар версияи ҷорӣ XD, як усули хурд дар iPhone 6 мебошад, ки вақте ки тугмаи поён пахш карда, менюи рӯйпӯш кушода мешавад. Аз он ҷо шумо версияи Android Mobileро интихоб мекунед ва дар зеризаминии Android сайти интихобшуда интихоб карда мешавад.
Барои таъмин намудани мо фазои экрани рост барои корт кушода мешавад, мо одатан ба Sketch 3 роҳ медиҳем ва нусхабардорӣ ва варақи стандарти Bar, Nav Bar ва App Бартар аз Шаблон Лизинги Маводҳо ба таҳрир. Sketch 3.2 дорои тарзи либосвории матнӣ ( File> New Template> Design Material ) ва дигар озодии ҳақиқӣ аз Kyle Ledbetter, ки шумо метавонед онро дар ин ҷо пайдо кунед. Агар шумо экспресс надошта бошед, шумо метавонед онҳоро аз клавиатураи XD, ки дар файли "Open UI Kit> Шумо инчунин метавонед аз Google барои истифода дар Photoshop, Рассом, Баъд аз таъсир ва кашф.
03 06
Илова кардани корти корпоративӣ барои Adobe Photoshop XD
Яке аз хусусиятҳои муфиди XD - ворид намудани воситаҳои UI барои Apple iOS, матнҳои Google ва Microsoft Windows. Дар бисёре аз мавридҳо, калимаҳои "Rapid Prototyping" ба калимаҳои "Прототипи решавӣ" илова мекунанд. Ҳамчунин, онҳо коргари конструкторро осонтар мегардонад, ки дар унсурҳои якхелаи UI бояд доимо дар намунаи тарҳрезӣ, мисли Photoshop, Illustrator ё Истироҳат.
Элементи UI мо як корт будем. Барои он, ки мо интихоб шудем, File> Open UI Kit> Google матнӣ ва маҷмӯъ ҳамчун ҳуҷҷати нав кушода шуд. Элементе, ки мо лозим буд, дар категорияи Cards пайдо шуд.
Он чизе, ки мо дар бораи онҳо дӯст медорем, онҳо ба хусусияти тарҳрезии моддӣ, ки дар Нишонҳои Блоки Content гузошта шудаанд, инчунин форматкунӣ ва ҷойгиркунии матнҳое,
Шабакаи кортро мо мехоҳем, ки яке аз поёни он буд. Мо танҳо бо суръати мо метавонем онро ба клавиатураи клавиатура ворид созем. Мутаассифона, XD интерфейси намунавиро барои ҳуҷҷатҳои кушода дар бар намегирад. Мо чӣ кор карда метавонем, равзанаи ҳуҷҷати кушодро якбора ба ошкор кардани яке аз мое, ки мо кор мекунем, интихоби он мекунем. Дигар роҳи зудтарро дар байни санадҳои кушодаи XD кушодан Command-ро пахш кунед .
04 06
Чӣ тавр таҳрир кардани тарҳҳои тарҳрезии моддӣ дар Adobe Experience Design CC
Вақте ки корт дар XD аз клип баромадааст, ба таври ҷиддӣ кор бо он оғоз меёбад. Аввалин чизе, ки шумо бояд кард, ин аст, ки корти Ungroup -ро барои он, ки ба шумо лозим аст, ки ба камтарин ва қисмҳои коркарди компютер дохил шавед. Барои ин, кортро интихоб кунед ва Объек> Гурӯҳро интихоб кунед ё Shift-Command-G -ро пахш кунед.
Корти шумо аз се қисм иборат аст:
- Қуттии хокистарӣ барои тасвир.
- Қуттии хокистарӣ барои матн
- Қуттии қафо ҳамчун замина истифода мешавад.
Қадами якум барои нест кардани қуттии хокистарии сабук. Ҳадафи аслии он аст, ки ҳамчун ҷойгир барои тасвир, ки агар шумо интихоб кунед, интихоб кунед.
Қутти бо матн дар ҳақиқат як хокистарӣ бо 50% фосила аст. Ин қуттӣ ҳамчун матн ҳамчун матн истифода бурда мешавад ва шумо метавонед ранг ва ранги симро тағйир диҳед.
Гарчанде ки он дарҳол ошкор нашудааст, қуттии хокистарии сабук ба тарҳрезии матн аз рӯи он, ки решаҳои болоии он бо 2 пиксел тақсим карда мешаванд. Агар шумо тасвирро илова кунед, ин дар хотир нигоҳ доред. Он ҳамчунин ба решаҳои якбора тақсим карда мешавад, ки ба замимаи тасвир ё дар XD илова карда метавонанд.
Бо дарназардошти он, ки чӣ тавр ин ҳолати истироҳатии корти он низ як соя ба талабот аст. Ин хосият ба таври равшан мефаҳмонад, ки сатҳи баландтарини корти 2 пиксел вуҷуд дорад. Барои илова кардани ин, шакли шакли сиёҳро интихоб кунед ва арзишҳои Y ва B (Blur) -ро ба 2 дар панели идоракунӣ муқаррар кунед.
05 06
Чӣ тавр ба тасвири тасвир ба корти корпоративӣ дар Adobe XD CC
Дониши корт 344 пикселро васеъ мекунад ва майдони фарши 150-пикс баланд аст ( нисфи баландии қуттии хокистарӣ ) Мо тасвирро дар Photoshop кушодем, онро ба андозаи он бурид ва онро бо истифода аз @ қуттии. Тасвир ба Adobe XD ворид карда шуд.
Пас мо қуттии хокистарии сабукро дар тасвири рӯи саҳифа кашида, Объекти " Мегаед бо форма" -ро интихоб карда истодаем . Натиҷа ин тасвирро ҷамъоварӣ кард, ки чуқурҳои гирди таркиб. Пас мо тасвирро ба мавқеи ниҳоии худ кӯчонидем.
Бо тасвири ҷойгир, мо пас ранги аслии қуттии хокистариро тағйир додем, матн ва ранги матнро тағйир додем.
06 аз 06
Истифодаи Adobe XD CC Grid Feature
Бо корти пурраи он ҳоло зарур аст, ки мувофиқи нақшаи коркарди матн ҷойгир карда шавад. Ин маънои онро дорад, ки дар ҳар як тарафи корт 8 пикс вуҷуд дорад ва корт бояд 8 пиксел аз поёнии барнома бошад. Барои ин, як бор ба номи санҷиш пахш кунед ва, дар панели Хусусиятҳо, Гидро интихоб кунед. Шабак аз болои санҷиш пайдо мешавад.
Андозаи бренди пешфарзӣ 8 пиксел аст, ки ба андозаи ҳамон таркиби ҷадвал барои тарҳрезии математикӣ вуҷуд дорад. Агар шумо ба андозаи мухталиф ниёз доред, арзиши майдони доменро тағйир диҳед. Агар шумо хоҳед, ки ранги шабакаро иваз кунед, чипи рангро пахш кунед ва рангеро, ки дар натиҷа Ранги Picker натиҷа мегирад, интихоб кунед.
Бо варақи намоён, дар корт бароед ва ба мавқеи ниҳоии худ ҳаракат кунед.
Барои хотима додан, мо кортро интихоб кардем, тугмаи Таҳвилии такрорӣро пахш намуда, ҳамзамон байни фармоишгоҳҳо то 8 пиксел тағйир ёфт.