Чөнтөк иштетүүчү эмес, ар дайым сезилет эмне
Бул үчүн барган сайын жалпы болуп сүрөттөр жакшы гана өз ишин ээ эмес, басма сөз, бирок ошондой эле iPhones, даанага, Android түзмөктөр жана Android планшеттер катары интернетте жана түзмөктөрүндө көрүнбөйт. Бир караганда, бул биздин иш санариптик экрандардан ачат пайда массалык маалымат катары "жакшы нерсе" болуп бере алат. жагы экранда жана чексиз экран бүдөмүк саны болуп саналат. Бул 300 DPI чечим күн болгон, ошону ойлонуп тажрыйбалуу бир саамга да угуп, сейрек эмес, TIFF сүрөтү менен CMYK түрдө барктап келген. Ох сонун күн!
Ал күндөр өттү. Биз азыр дагы бир 200 200 айкелдин бир аппараттын жана дагы бир үч-төрттөн өлчөмү боюнча чейрек өлчөмүн пайда жөнүндө жакшы пайда болушу мүмкүн экендиги менен күрөшүүгө туура келет. Мунун баары, чынында эле, алар, өздөрүнүн атаандаштарына караганда экрандан дагы пикселди Jam аракет катары түзмөк өндүрүүчүлөр тарабынан жүргүзүлгөн "токтому Arms" Жарыштын аягына келет.
Бул биз "Rise Of рт?" Деп коём эмне алып келет. жалгоолору сөздөн ошол нерселер - @ 2, @ 3x - бир сүрөттөлүш аты боюнча жамалып калды. Алар негизинен, мисалы, оң аппаратка туура жерге туура бурканды койду. Андан кийин, бул андан да жакшы болот.
Flat дизайн кыймылынын пайда менен болгон көптөгөн иштер сүрөтчөлөргө менен иштеген жана, керек, бул нерселер сыяктуу оору менен тартылган колдонмолордо түзүлөт Illustrator жана эскиз. маселе аппараттар гана чыгарат Лига же билэлэри .eps мүмкүн эмес болуп саналат. Алар кабыл керек эскертүү тараткычтарды Graphics жана, иконалар түзүү үчүн арыз жараша, ал тургай, SVG чечим болмок эмес.
Андан кийин, бул андан да жакшы болот.
software- Prototyping өтүнмөлөр бир жаңы класс бар - Озунуздун суротторунузду мурун жамаат пункту жана белгилери болуп түзмөктөргө чыгып, түртүп жатат жана ошондой эле алардын өзгөчөлүктөрү бар.
Бул окуу куралы арбытууга жана пайдалануу үчүн Photoshop жана Эскиз ортосунда түрткү Adobe тажрыйбасы Дизайн силердин идея жана биротоло жайгаштыруу ортосундагы оору пунктка бир нече көрсөтүүгө. Анда баштайлы.
01 05
Кантип Adobe Photoshop менен Мобилдик жабдуулар үчүн Images даярданса болот?
Бул жараянда биринчи кадам максаттуу түзмөк же түзмөктөрдү билет. Мындай учурда, сиз 375 пиксел, туурасы 667 пиксел жогорку бир экран аянты 6-максат кылынат. дизайн сүрөтү экрандын туурасы болууга чакырат.
Сүрөт Берн-жж Берн министри соборунда ичинде атып колдонулушу керек эле. Сүрөт Photoshop ачылат кийин, тандоо Image> Сүрөттүн өлчөмү бейнеси жана анын чечүүнүн көлөмүн текшерүү. Албетте, 300 КБИ токтому менен 23,4 Мб сөп өлчөмү х 2592 3156 болгон бир сүрөттөлүш гана иштебейт.
Image Size диалог кутусунда ичинде 100 КБИ токтом кыскартат. Сүрөт өлчөмдөрү да өзгөрөт, анткени, бул биринчиден. Токтому жыйындысы менен, 375 пиксел туурасын өзгөртүү. Сиз Image Size маалыматты текшерип, анда сүрөт көбүрөөк мобилдүү-достук 338k үчүн 23,4 Мб чейин кыскарган байкайт. Өзгөрүүнү кабыл алууга жана Image Size диалог кутучаны жабуу үчүн ОК бас.
02 05
Кантип Adobe Photoshop-жылы "экспорт катары ..." Dialogue кутучасы пайдалануу
Сүрөт экспорттоого даяр болсо, диалог кутусунда экспорттук ачуу үчүн, "... катары экспорту> Экспортто" тандоо.
Бул Dialogue кутуча Photoshop үчүн сырткары, жакында эле болуп саналат жана алар жыл бою "Save интернет үчүн" диалог кутучаны алмаштырат. Кантип эле Сен ал керек болсо, Экспортту таба аласыз түшүп калкып. Ал эми: "Экспортту үчүн Web (Legacy)" деп аталган ачык себептер үчүн, болот. Бул диалог кутусунда сиздин биринчи жолу иш сапары менен болсо, бул жерде кыскача таанышасыздар:
- Көлөм: Бул тилке айкелдин чыгаруу өлчөмүн белгилейт. Бул аймактын кызыктуу жагдай, бул сүрөттү эми сүрөттөлүш түзмөктүн экранындагы пиксел зор санынын түзмөктө "так эмес" деп коюш керек көбөйтөт болот.
- 1X: Бул кармалды Click жана өлчөмдөрүн бир катар менен берилет. 1x, 2 жана 3x категориялар салттуу Apple тартып Hi DPI түзмөктөр менен, алар менен бирге бир нече адам менен байланышкан Android түзмөктөрдө сүрөттөрдү даярдайт.
- Suffix: Бул тандоо өлчөмүн бирок @ 2 көрсөтүлгөн же көлөмү тандалган болот көрсөтөт. Ысмындагы сүрөтү аты кошулуп калат.
- + Жышаан: өндүрүшүнүн ар кандай өлчөмдөрүн кошуу үчүн бул жерди бас. Бул учурда, эки жолу басып, поп-ылдый 2x жана 3x тандап алган. Бул иш жүзүндө кандай Белги аппаратты камтыйт.
- Trash алабыз: бул Click жана тандоо тизмеден алынып жатат.
- File Орнотуулар: формат тандоо - JPG, PNG, GIF же SVG - картинка мыкты-келген. билэ кээмэйэ болсо тынчсыздандырууда, анда силер да Сапат орнотууларын азайтууга болот.
- Image Size: сен айкелдин физикалык көлөмүн өзгөртө аласыз.
- Canvas Size: Сиз сүрөт күчү дене көлөмүн өзгөртө аласыз.
- Metadata: Сиз укук жана буркандын мета байланыш маалыматты кошо аласыз.
бүткөндөн кийин, экспорт Бардык баскычын чыкылдатып. Сиз сүрөттөрдү жайгаштырууга каалаган суралат. иштеп чыгуу үчүн жакшы адат Болумушту Папка баскычын чыкылдатып, ташылып сүрөттөрдү кармап турган папканы түзүү болуп саналат. Сиз Экспортто басканда, сиз папкасында сүрөттөрдү көрсөтүлөт.
03 05
Bohemian коддо эскиз Мобилдик жабдуулар үчүн Images даярданууга кантип 3
Скетч-3, Bohemian Стилге бир Macintosh гана арыз, тездик менен байланыштуу интернет жана колдонмо иштеп чыгуу боюнча катуу басым жасоо менен UX жана UI дизайнерлер арасында көрүнүктүү абалга ээ болот. Чынында Photoshop-жылы, ар кандай жолдор менен, эскиз менен "кууп" ойноп бар кызыктай абалда турат.
Скетч-жылы мобилдик үчүн жасатыш үчүн, artboard боюнча сүрөттү жана касиеттери панелдин түбүндөгү Make Экспортко кнопка. Бул экспорту диалог кутуну ачат. + 2x жана 3x котормолорун кошуу үчүн кол коюуга, ошондой эле насилди кошуу Click. жеткиликтүү баа PNG бар, JPG, TIF, PDF, EPS жана SVG. Бул учурда, JPG тандашат. Экспорт баскычын басып жана максаттуу же экспорттолгон ар кандай сүрөттөрдү кармап турган папканы түзүү.
04 05
Эмне үчүн сиз сүрөттү үч (же андан көп) ТИЛИНДЕГИ түзүү керек
көп жагынан, Mobile базар токтом "Wild West" жана бир көлөмү, албетте, ар кандай туура эмес. Adobe тажрыйбасы Дизайн жогоруда мисалда, сүрөтү 2 6-artboards жана Android түзмөк artboard жайгаштырылат. Сол жактагы 1x версия жарым көлөмү окшойт карап көрөлү. Бул сүрөт анын торчо экран менен 6 Женя пайда болорун так болуп саналат. 2 версия кемчиликсиз жана Android версия алдыруу экрандын аяктайт. Сиздин тандоо ар кандай өлчөмдө Photoshop чыгып сүрөттү масштабдуу же сүрөттү экспорттоо да болуп саналат.
05 05
Test эрте, Test Адатта, Trust эч нерсе жок, Trust No One жана өзгөчө сен
Сиз түшүнүү керек, бул иш жөн гана башталышы болуп саналат. Ошондой эле өз ишин кароо Сиз көп түзмөктөрдө жумуш маанилүү бөлүгү катары кабыл керек. Ошондой эле, бул колдонмо же мобилдик интернет долбоорлору боюнча корутунду каражаттарын түзүү жараянына алгачкы гана кадам болуп саналат билиши керек.
прототиптөө тиркемелерди колдонуу оору ойлорду таап, көп жолу, ал эми ошол эле каражаттарды иштеп чыгуучу жак тарабынан пайдалануу үчүн иштеп чыгуу керек болот. Көп учурларда, анын ичинде, ирээтин, дене-өлчөмдөрү SVG, бирок PNG түрдө денелик жактан абдан чоң жана жок болуп калат. Биринчи караганда, бул үстүнөн бир аз болот, ал эми жасалма көбөйтүүгө алтын эреже эстеп сезилиши мүмкүн: ал түшүп камсыз караганда масштабын жакшыраак.
Жыйынтык Сиздин иштеп чыгуучу менен тыгыз иш алып баруу жана долбоорлоо ниетин көрсөтүү ыкмасы катары прототиптөө колдонууга болот. Бирок, акыр-аягы, ошол эле каражаттар акыркы продукт даяр болушу керек жана сиздин иштеп, ал сенден алда канча муктаж эмне жакшы туткасын бар.