Նոր պատասխանատու նախագծման գործընթաց

Բովանդակություն

• Պատասխանատու մեթոդաբանություն
• Ինչպե՞ս ես նախ պահեմ բովանդակությունը:
• Ինչո՞ւ
• 01. Սահմանեք ձեր բիզնեսի և օգտագործողի նպատակները
• 02. Հղեք նրանց յուրաքանչյուր հնարավորությունից
• 03. Մի վախեցեք հետ մղվել
• 04. Հրում ձեր սեփական թիմին նույնպես
• 05. Սահմանեք ձեր բոլոր բովանդակության կարիքները առջևում
• Ինչպե՞ս հեռացնել բովանդակությունը ներկայացումից:
• Մենք պետք է դադարենք բովանդակության մասին մտածել դասավորության տեսանկյունից
• Ստիպեք ձեր հաճախորդներին պլանավորել իրենց բովանդակությունը ՝ անկախ դիզայնից
• Նախքան դիզայնը վերջնական տեսքի բերեք ձեր բովանդակությունը
• Օգտագործեք իրական բովանդակություն ՝ ամեն անգամ
• Այսպիսով, ինչպես են աշխատում մետաղալարերը պատասխանատու նախագծային նախագծերի համար:
• Ուրվագիծ
• Browserննարկչի շրջանակ
• Անոտացիաներ
• Օգտագործեք իրական բովանդակություն մետաղալարերում
• Ինչպե՞ս նախ նախագծել փոքր էկրանների համար:
• Վերացական նմուշները սարքերից սկզբում
• Օգտագործեք Style Tiles
• Ստեղծեք ինտերֆեյսի ներդաշնակություն
• Դիտեք զննարկիչում ամեն ինչ
• Հավասարակշռություն հաստատեք ստատիկ ծրագրերի միջոցով
• Եզրակացություն

Եկեք պարզ լինենք. Դիզայնը լուծում է միայն այն դեպքում, երբ այն կենտրոնանում է քննարկվող ավելի խորը խնդիրների վրա, ինչու է հետևում ամեն ինչից: Ամուր գործընթացը միշտ պետք է առաջնորդի մեր աշխատանքը, բայց մենք պետք է ընդունենք ավելի ճկուն մի բան: Մեր միջավայրը վերջապես ապացուցեց, որ հեղուկ է, այնպես որ մեր ընթացքը չէ՞ որ պետք է: Մտածեք համակարգի նախագծման մասին. Դուք պետք է տեսնեք և՛ ամբողջական պատկերը, և՛ փոքրիկ մանրուքները: Անհնար է Հեռու դրանից!

Ֆրենկ Չիմերոն դա գեղեցիկ է ասում իր «Ձևի ձևը» գրքում. «Կա մի հատված, որտեղ նկարիչը հետ է մղվում մոլբերտից` ստեղծագործության նոր հեռանկար ստանալու համար: Նկարչությունը հավասար և մոտ հեռավոր մասեր է. Մոտակայքում նկարիչը քրտնաջան աշխատում է իր հետքը թողնելու համար: հեռավորության վրա նա գնահատում է աշխատանքը ՝ վերլուծելու դրա որակները: Նա հետ է գնում, որպեսզի գործը խոսի իր հետ »:

Մենք պետք է թույլ տանք, որ մեր աշխատանքը, մեր միջավայրը խոսի մեզ հետ: Արձագանքող դիզայնի բարձրացման հետ մեկտեղ մենք վերջապես ընդունում ենք մեր միջավայրը, ինչպես նախատեսված էր ՝ հեղուկ: Նահանջելու և աշխատանքը գնահատելու, վերլուծելու և գործելու նոր եղանակ, նոր գործընթաց ընդունելու փայլուն ժամանակ է: Անցել են ստատիկ ծաղրերի և կոդից չհասկացող վեբ դիզայներների ժամանակները: Պատասխանատու գործընթացի ժամանակն է:

Պատասխանատու մեթոդաբանություն

Մենք սույն հոդվածի հենց սկզբում կտանք ամուր գործընթացի մեծ գաղտնիքը: Քանի որ մենք այդպիսի խենթ ենք: Պատրա՞ստ եք Արձագանքող գործընթացը պատասխանատու գործընթաց է: Անորոշ? Միգուցե. Հիմար Ոչ. Վեբ ստանդարտների շարժման նման, մինչ այդ, պատասխանատու ձևավորումը համացանցն առաջ է մղում ապագա համարժեք մեթոդներով:

Ինչպես ցանկացած նախագծման գործընթաց, այն նույնպես պետք է կենտրոնանա այն «ինչու» -ի վրա, որը կանգնած է այդ ամենի վրա: Եվ ինչու՞ գոյություն ունեն կայքերը: Բովանդակություն հասցնելու համար: Դա կարող է լինել խնդիրների վրա հիմնված, սոցիալական, տեղեկատվական… նշանակություն չունի: Ամեն ինչ գալիս է դրան. Սկսեք թե ինչու, լավ կառուցվածքային բովանդակությունից և թե կարևոր փոխազդեցություններից:

Ահա այն հարցերը, որոնք մենք առավել հաճախ լսում ենք մեր պատասխանատու նախագծման գործընթացի վերաբերյալ:

Ինչպե՞ս ես նախ պահեմ բովանդակությունը:

Allրագրի մեկնարկի ժամանակ մենք բոլորս այնքան լավատես ենք: «Նախ բովանդակությունը»: մենք ասում ենք. «Օգտագործողի նպատակները: Հիշեք, թե ինչն է կարևոր »: Ճիշտ է. Բայց ի՞նչ է դա նշանակում: Ինչպե՞ս եք իրականացնում բովանդակության առաջին գործընթացը:

Նույնիսկ եթե գիտեք (կամ կարծում եք, որ գիտեք), նախագիծը զարգանալուն պես հեշտ է մոռանալ: Երկարաժամկետ նախագծերը ձգձգվելու միտում ունեն (և on և…): Մենք դադարում ենք մտածել, թե ինչու, և սկսում ենք կենտրոնանալ, թե ինչպես: Մենք ինքներս մեզ հիմարացնում ենք ՝ կարծելով, որ մեր նախագծերը կարող են բաժանվել «բացահայտման» և «զարգացման» առանձին փուլերի, որոնք կարող են գոյություն ունենալ ինքնուրույն:

Theշմարտությունն այն է, որ մենք պետք է անընդհատ հարցնենք, թե ինչու: Որքան էլ կարծում եք, որ գիտեք, որքան էլ պլանավորում եք կատարել. Ամեն անգամ որոշում կայացնելիս, ամեն անգամ կոճակ նախագծելիս կամ վերնագիր գրելիս պետք է հարցնեք

Ինչո՞ւ

Ինչու եմ ես դա անում: Ո՞ւմ համար է դա: Ո՞ր բիզնես նպատակն է այն օգնելու իմ հաճախորդին: Ի՞նչ կարիք դա կօգնի իմ օգտվողներին հասցեագրել: Մի պահ պահեք միայն բովանդակությունը: Առաջ պահեք ինչու:

Սա այն հեշտ է դարձնում: Բայց դա լավ անելու համար դուք ստիպված կլինեք հրել: Հրավիրեք ձեր հաճախորդներին և ձեր թիմին նախ սահմանելու նրանց ինչուները: Ոչ Lorem Ipsum, ոչ «մենք դրան կանդրադառնանք ավելի ուշ»: Արա Տնային աշխատանքներդ! Ձեր բոլոր գործողությունները պետք է սկսվեն հիմնավոր ինչուով: Դեղին մատիտում սա նշանակել է մեծ փոփոխություններ նախագծերի խթանման, գնահատման, բյուջեի և պլանավորման հարցում: Մենք պետք է ջանք թափեինք բյուջեի և ժամանակի համար `հիմնավոր հետազոտություններ, ռազմավարություն և պլանավորում կատարելու համար: Դուք նույնպես կարող եք: Բայց երբ ձեր հաճախորդները և ձեր թիմերը տեսնեն առջևում բովանդակության կարիքների սահմանման հսկայական օգուտները, նրանք այլևս հետ չեն նայի:

Եվ նրանց գործն է կրթել նրանց: (Կարդացեք Մայքե Մոնտեյրոյի «Գերազանց ձևավորումը» գիրքը աշխատանք է, եթե ցանկանում եք ավելին իմանալ հաճախորդների հետ գործ ունենալու մասին:) Հաճախորդները կարող են դժվարությամբ հասկանալ այդ ամբողջ հետազոտությունն իրականացնելու արժեքը և աշխատել նախօրոք: Եվ ինչու՞ նրանք պետք է Նրանք վերջում «ավարտված» ոչինչ չեն ստանում, և շատ հաճախ նրանք պարզապես ստանում են հաշիվ ապրանքագիր և մեծ փաստաթուղթ:

Դա նրանց մեղքը չէ. Դա մեր մեղքն է: Մեր պարտականությունն է ՝ ավելի լավ կատարելու այդ արժեքը ցուցադրելու գործը: Stepանապարհի յուրաքանչյուր քայլին մենք պետք է այդ ամենը վերադարձնենք ամենակարևոր ինչու:

Սա հատկապես կարևոր է պատասխանատու դիզայնի համար: Պատասխանատու կայքէջը զարգացման ավելի շատ ջանք չի պահանջում, բայց դա նշանակում է շատ ավելի պլանավորում: Իրոք, այն նախատեսում է, որ մենք պետք է անեինք ամբողջ ընթացքում: Վկան `յուրաքանչյուր երեք-երեք տարվա ընթացքում ընթացիկ վերափոխման նախագծի ցիկլի: Doանկանու՞մ եք շարունակել դա անել: Մենք համոզված ենք, որ ոչ:

Այսպիսով, ահա ձեր քայլերի մեջ առաջինը բովանդակությունը պահելու երեք քայլեր:

01. Սահմանեք ձեր բիզնեսի և օգտագործողի նպատակները

Սահմանեք ձեր ծրագրի բիզնեսի և օգտագործողի նպատակների առաջնահերթ ցանկ: Ի՞նչ են ուզում իմանալ կամ անել ձեր օգտվողները: Կատարեք ձեր հետազոտությունը: Կատարեք ոչ թե վայրի գուշակություններ, այլ տեղեկացված եզրակացություններ: Ստացեք ձեր բոլոր շահագրգիռ կողմերի համաձայնությունը:

02. Հղեք նրանց յուրաքանչյուր հնարավորությունից

Ամեն անգամ որոշում կայացնելիս ՝ ամեն անգամ, երբ որևէ մեկը առաջարկում է նոր առանձնահատկություն կամ դիզայնի տարր կամ բովանդակության էջ, ստիպեք նրան քարտեզը խնդրել դեպի բիզնես և օգտագործողի նպատակ: Ի՞նչ իրական կարիք կբավարարի այս հատկությունը: Ո՞րն է իրական պատճառը: (Ակնարկ. «Քանի որ ես ուզում եմ» կամ «Ես իսկապես սիրում եմ կապույտը» կամ «բոլորը Facebook- ում են») չեն հաշվում:)

03. Մի վախեցեք հետ մղվել

Սա կարող է լինել կոշտ: Հաճախորդի հետ կապերը կարող են լինել նուրբ, և գայթակղիչ է հրաժարվել պատերազմում հաղթելու համար մղվող պայքարից: Բայց հիշեք, որ մենք բոլորս սրա մեջ ենք միասին: Դա բիզնեսն ընդդեմ օգտագործողի չէ. մեզ ընդդեմ նրանց:

Օգտատերերի կարիքների բավարարումը բիզնեսի կարիքները բավարարելու լավագույն միջոցն է: Քանի որ առանց մեր օգտվողների ՝ մենք բիզնես չունենք: Հաճախորդները (լավ հաճախորդներ) չեն վարձում ձեզ ՝ «այո» ասելու ամեն ինչին: Այնպես որ, եթե ձեր հաճախորդը խնդրում է մի բան, որը չի բավարարի իրենց նպատակներին կամ նրանց օգտագործողների կարիքները, մի վախեցեք վիճարկել նրանց: Դա էգոյի մասին չէ: Խոսքը հնարավոր լավագույն լուծում ստեղծելու մասին է:

04. Հրում ձեր սեփական թիմին նույնպես

Սա կարող է նաև մարտահրավեր լինել ստեղծագործական թիմի կազմում աշխատելիս: Դերերի տարանջատումը ՝ տեսողական ձևավորումը, օգտագործողի փորձը, տեղեկատվության ճարտարապետությունը, բովանդակության ռազմավարությունը, բովանդակության արտադրությունը, կարող է հանգեցնել սխալ հաղորդակցության: Մենք զբաղվում ենք, մենք ծանրաբեռնվում ենք էլ. Փոստով: Դժվար է սկզբից մինչև վերջ մնալ ծրագրի հետ, հատկապես երբ «ձեր» աշխատանքն ավարտվի:

Ձեր թիմի հարաբերությունները գոնե նույնքան կարևոր են, որքան հաճախորդների հետ հարաբերությունները: Մենք պետք է ինքներս մեզ հիշեցնենք, թե ինչու, ճիշտ այնպես, ինչպես անում ենք մեր հաճախորդներին: Համագործակցությունն առանցքային է: Դուք չեք կարող պարզապես «հանձնել» բովանդակության պլանը կամ մետաղալարերը կամ նմուշները: Որքան հնարավոր է, մենք պետք է աշխատենք ձեռք ձեռքի տված: Դյուրին է «ավարտել» առաքումը և անցնել այլ բանի: Շատ ավելի դժվար է մնալ ծրագրի հետ, երբ գործը դժվարանում է:

Ստեղծագործական աշխատանքի ջրվեժի մոտեցումը պարզապես չի գործում: Teamարպիկ, թիմի անդամների միջև համագործակցային աշխատանքը ավելի լավ արդյունքներ է տալիս:

05. Սահմանեք ձեր բոլոր բովանդակության կարիքները առջևում

Ահա թե ինչ է. Պատասխանատու կայքերի պլանավորումը ավելի երկար է տևում: Մենք այլևս պարզապես չենք պլանավորում մեկ համատեքստ: Մենք պլանավորում ենք բոլոր համատեքստերի համար, որոնց մասին մենք հիմա գիտենք, և որոշների, որոնք դեռ գոյություն չունեն:

Բայց առջևում այդ բոլոր բարդությունները պլանավորելու համար շատ ավելի քիչ ժամանակ է պահանջվում, քան հետ վերադառնալու և այն գործառույթների ու գործառույթների վերազինման համար, որոնք չես հաշվարկել: Այնպես որ, ծախսեք ժամանակ / ջանք / բյուջե: Ստիպեք ձեր հաճախորդներին և ձեր թիմին նախքան դիզայն մտնելը սահմանել (և պարտավորվել դրանով) իրենց ամբողջ բովանդակությունը: Օգտագործեք էջերի աղյուսակները: Օգտագործեք կառուցվածքային բովանդակություն: Ապագայում ապացուցեք ձեր բովանդակությունը հիմա: Կամ հետո լաց լինել:

Ինչպե՞ս հեռացնել բովանդակությունը ներկայացումից:

Դուք դա շատ եք լսում ինտերնետ-օ-ոլորտի շուրջ: Բայց սպասիր, ի՞նչ: Եվ սպասիր - ինչու՞:

Քանի որ ներկայացումը կարող է (և փոխվելու է) փոխվել: 15 տարի առաջ կայքերի նախագծման եղանակը գրեթե անճանաչելի է այն բանից, թե ինչպես ենք դրանք ներկայում ներկայացնում: Բայց գիտե՞ք ինչ չի փոխվել: Բառեր Մենք դեռ օգտագործում ենք ‘em: Ինտերնետը հիմնականում գոյություն ունի (տեքստի վրա հիմնված) բովանդակության համար: Մենք այն դեռ օգտագործում ենք տեղեկատվական խնդիրները լուծելու համար; առաջադրանքներ կատարելու համար: Բայց եթե ձեր բովանդակությունը կախված է ներկայացման միջոցից (Flash ներածական էջեր, որևէ մեկը), իրական հավանականություն կա, որ այն մի քանի տարի անց չի կարող օգտագործվել: Եվ դա ծծում է:

Մենք պետք է դադարենք բովանդակության մասին մտածել դասավորության տեսանկյունից

Մենք (որպես արդյունաբերություն) ուսուցանել ենք մեր հաճախորդներին դասընթացի տեսանկյունից բովանդակություն մտածելու մասին: «Դրեք այն կողային տողի մեջ», - ասում ենք մենք: «Դա պետք է մտնի տողատակ»: Կանգնեք Վերջացրու դա. Կանգ առ Դա տեղանքի մասին չէ: Դա առաջնահերթության մասին է: Ո՞րն է ամենակարևոր բովանդակությունը ձեր օգտագործողների համար: Քանի որ կռահեք ինչ. Դասավորությունը փոխվում է համատեքստում: (Հավանաբար) ձեր փոքր էկրանի դիզայնի կողային տող չի լինի:

Ձեր հաճախորդի ցանկալի՞ հսկա սուպեր-ցանկը: Ես չեմ թռչելու iPhone- ով:

Ստիպեք ձեր հաճախորդներին պլանավորել իրենց բովանդակությունը ՝ անկախ դիզայնից

Լավ, պետք չէ նրանց ստիպել: Խրախուսեք նրանց: Խստորեն խրախուսել Էջերի աղյուսակները հիանալի են դրա համար: Եթե ​​այն դեռ չեք կարդացել, անմիջապես անցեք Քրիստինա Հալվորսոնի և Մելիսա Ռախի համացանցային բովանդակության ռազմավարությանը ՝ դրանք ստեղծելու վերաբերյալ լրացուցիչ տեղեկություններ ստանալու համար: Կազմակերպեք դրանք ըստ առաջնահերթության: Մի հղեք գտնվելու վայրը կամ դասավորությունը: Սա կօգնի ձեր հաճախորդներին ավելի արդյունավետ կերպով մտածել իրենց բովանդակության մասին, ինչպես նաև կստեղծի բովանդակության ստեղծման գործընթացը ՝ մինչև վերջնական մետաղալարերը կամ ձևավորումը:

Նախքան դիզայնը վերջնական տեսքի բերեք ձեր բովանդակությունը

Լավ, դա միշտ չէ, որ հնարավոր է: Բայց որքան շատ անորոշություն կարող եք վերացնել նախքան դիզայնը սկսելը, այնքան ավելի քիչ ստիպված կլինեք վերադառնալ և հետագայում փոխել իրերը:

Օգտագործեք իրական բովանդակություն ՝ ամեն անգամ

Հնարավորության դեպքում օգտագործեք եզրային գործի բովանդակություն - ձեր հաճախորդներին ցույց տվեք ամենաբարդ էջերը, պատկերները և ընտրացանկերը: Դա հետագայում խուսափելու է անակնկալներից, երբ պատրաստի արտադրանքի մեջ նրանք տեսնեն իրենց ամենաաղմկոտ պարունակությունը:

Ֆունկցիոնալ, զննարկչում գտնվող մետաղալարերը տարբերություն են ստեղծում: Թույլ տվեք ձեր հաճախորդներին դիտել, թե ինչպես են իրենց բովանդակությունը շարժվում և փոխվում էկրանի չափսերի միջակայքում: Նշեք այն, երբ ներկայացնում եք ձեր մետաղալարերը (անձամբ եք ներկայացնում, ճիշտ է): Demույց տվեք նրանց, թե ինչպես են իրենց տեղեկատվության գերակայությունը մնում է նույնը էկրանի չափսերով, մինչ դասավորությունը փոխվում է:

Այսպիսով, ինչպես են աշխատում մետաղալարերը պատասխանատու նախագծային նախագծերի համար:

Մենք հաստատ հավատում ենք, որ RWD- ի փոխազդեցության ձևավորումը պետք է արագ և հաճախ մուտք գործի զննարկիչ: Գրեթե անհնար է ստեղծել ստատիկ փաստաթուղթ, որը նկարագրելու է ամեն ինչ: Իհարկե, մենք կարող ենք ստեղծել մի փաստաթուղթ, որը ցույց է տալիս երեք, չորս կամ հինգ կետեր, բայց դա պատմության միայն մի մասն է: Ի՞նչ կասեք բեկման կետերի միջև եղած բոլոր պահերի մասին: Դա տեղի է ունենում զննարկչում:

Ուրվագիծ

Դեռևս լավ է, որ կարողանաք արագորեն ուրվագծել ձեր գաղափարները համատեղ: Դա անհրաժեշտ չէ պատահել որևէ հատուկ միջավայրում, բայց թղթի վրա մատիտի հետ կապված ինչ-որ բան կա: Ամբողջ խնդիրն այն է, որ գաղափարները դուրս գան արագ և կրկնում: Մենք սիրում ենք ուրվագծել տախտակ, երբ հնարավոր է, և դրա համար կա նույնիսկ ծրագիր ՝ UI Sketcher:

Browserննարկչի շրջանակ

Ահա մեզ համար իրական տոմսը: Loveննարկչում RWD ցուցադրելիս մենք սիրում ենք կրկին օգտագործել օրինաչափություններն ու համակարգերը: Իհարկե, մենք կարող ենք ամեն անգամ զրոյից ստեղծել մեր սեփական համակարգը, բայց դա մեզ կամ մեր հաճախորդներին չի օգնում:

Մենք նաև սիրում ենք օգտագործել արագ արձագանքող նախատիպավորման շրջանակներ, ինչպիսիք են Twitter- ի Bootstrap- ը կամ Zurb's Foundation- ը: Մենք անձամբ ենք թեքվում դեպի Հիմնադրամ, քանի որ այն համապատասխանում է մեր աշխատանքային հոսքին: Հիանալի կլիներ, եթե որևէ մեկը որդեգրեր փոքր էկրանով ցածր թողունակությամբ առաջին մոտեցում, բայց մենք հենց այդպես ենք գլորում:

Անոտացիաներ

RWD մետաղալարերի համար ծանոթագրությունները կարևոր են, բայց, գտնում ենք, որ հաճախ անտեսվում են: Ասա բարձրաձայն. Փաստաթղթավորում, փաստաթուղթ, փաստաթուղթ: Մենք դրա մի քանի օրինակներ տեսել ենք ընկերներից և կարծում ենք, որ ժյուրին դեռ շարունակում է գտնվել բրաուզերում արձագանքող մետաղալարերը պատշաճ կերպով ծանոթագրելու «լավագույն» ճանապարհով: Ինչպես նշվեց վերևում, մենք պարբերաբար օգտագործում ենք Foundation by Zurb- ը և ցանկանում ենք օգտագործել դրա Reveal հավելումը `մեր ծանոթագրությունները ցուցադրելու համար: Այս ծանոթագրությունները հայտնվում են միայն ավելի մեծ էկրանների համար և իդեալական տարբերակով կարող են միացվել և անջատվել:

Օգտագործեք իրական բովանդակություն մետաղալարերում

Lorem Ipsum- ի շուրջ շատ բանավեճեր են անցկացվել մետաղալարերի և դիզայնի մակետների վերաբերյալ, բայց եթե ձեր մետաղալարերում իրական բովանդակություն չունեք, ապա դա սխալ եք անում: Բովանդակությունը հայտնում է փոխազդեցության որոշումները և ասում, թե երբ է կոտրվելու դիզայնը: Ինչպե՞ս կարող է Lorem Ipsum- ը դա անել:

Ինչպե՞ս նախ նախագծել փոքր էկրանների համար:

Տարիներ շարունակ մենք նախագծել ենք ՝ հաշվի առնելով հատուկ բանաձև: Դա լռելյայն կարգավորում էր: Անկախ նոութբուքերի ուրվագծերից, OmniGraffle- ում մետաղալարերի ձևավորումից, Photoshop- ում աշխատելուց կամ զննարկիչից նախագծում, մենք գիտեինք, թե որն է լինելու կտավի չափը: Այդ օրերն անցել են: Մենք հսկայական հավատացյալներ ունենք փոքր էկրանին նախ և առաջ աստիճանաբար բարելավելու գործում: Այսպիսով, ինչպե՞ս է դիզայները փոխում իր աշխատանքի հոսքը ֆիքսված կտավի չափից հեղուկի:

Վերացական նմուշները սարքերից սկզբում

Քանի դեռ մենք չենք նախագծում որոշակի սարքավորում, էական է, որ մենք դադարենք մտածել սարքերի մասին և սկսենք մտածել փորձի մասին: Հետևյալ բոլոր տեխնիկաներն օգնում են դիզայներներին մշակել իրենց փորձը ՝ միևնույն ժամանակ կարողանալով մնալ սարքի ագնոստիկ (մինչև մեկ կետ):

Օգտագործեք Style Tiles

Օգտագործեք Style Tiles ուղղությունը հաստատելու և արագորեն կրկնելու համար: Style Tiles- ը դիզայներին հնարավորություն է տալիս սահմանել դիզայնի համակարգի ուղղությունը `առանց չափազանց հստակեցնելու: Նրանց ստեղծողը ՝ Սամանտա Ուորենը, նկարագրում է նրանց այսպես.

«Style Tiles- ները նախատեսված են այն ժամանակ, երբ moodboard- ը չափազանց անորոշ է, իսկ comp- ը` չափազանց բառացի: Style Tiles- ն ուղղակի կապ է հաստատում ինտերֆեյսի իրական տարրերի հետ `առանց դասավորությունը որոշելու»:

Ստեղծեք ինտերֆեյսի ներդաշնակություն

Պատկերացրեք կտավ, որտեղ հավաքված են բոլոր տեսողական և ինտերակտիվ տարրերը: Ոչ թե UI- ի որոշակի դասավորություն տեսնելու, այլ տեսնելու, թե ինչպես են բոլոր տարրերը միասին գործում: Սա ինտերֆեյսի ներդաշնակ կտավ է: Ինտերֆեյսի ներդաշնակ կտավը հնարավորություն է տալիս դիզայներին պահպանել գաղափարները միասին, բայց ոչ կենտրոնացած էկրանի որևէ չափի վրա: Բացի այդ, դա հիանալի միջոց է արդյունավետորեն հաղորդակցվելու և նախագծված տարրերը փաստաթղթավորելու համար, քան ամբողջական ոճի ուղեցույց ստեղծելու համար:

Եթե ​​դուք հետաքրքրված եք հետագա ընթերցմամբ, ինտերֆեյսի ներդաշնակության թեմայով երկու հիանալի հոդվածներ կարող եք գտնել այստեղ և այստեղ:

Դիտեք զննարկիչում ամեն ինչ

Everythingննարկչում ամեն ինչ պետք է միավորվի: Այստեղ է, որ UI դիզայնը իսկապես կյանքի է կոչվում: Տեսնելով, թե ինչպես է իրական բովանդակությունը փոխազդում տեսողական տարրերի հետ, կարևոր է: Ստատիկ միջավայրում դա պատշաճ կերպով կատարելու ոչ մի եղանակ չկա: Դուք պետք է տեսնեք, թե ինչպես դա կարձագանքի հարազատ միջավայրում:

Հավասարակշռություն հաստատեք ստատիկ ծրագրերի միջոցով

Photoshop- ի նման զննարկչի և ստատիկ ծրագրերի միջև հոսք կա: Պետք է լինի հավասարակշռություն, որը թույլ է տալիս դիզայնի համակարգը ստեղծել հեղուկ և բնական եղանակով: Իհարկե, դա տեղի կունենա Photoshop- ում, բայց պատասխանատու ձևավորող դիզայները պետք է սովորի, թե ինչպես ստեղծագործորեն մտածել զննարկչում:

Եզրակացություն

Եվս մեկ անգամ `զգացողությամբ. Սկսեք« ինչու »-ից, լավ կառուցված բովանդակությամբ և կարևոր փոխազդեցություններով: Նախ կենտրոնացեք փոքր էկրանի և ցածր թողունակության վրա և աստիճանաբար բարձրացրեք ձեր պատասխանատու հասկացությունները: Մեր մեդիան դառնում է տարիքի: Մենք միանգամից մեկ վեբ նախագծով հնարավորություն ունենք ճիշտ բաներ անելու և փոխելու աշխարհը:

Բացահայտեք լավագույն 20 լարային շրջանակի գործիքները դիզայներների համար

Սթիվ Ֆիշերը համակարգում է հետազոտությունները, վերլուծությունները, ձևավորումն ու ռազմավարությունը Կանադայի Դեղին մատիտում և խոսում է այնպիսի թեմաների շուրջ, ինչպիսիք են RWD, UX և բաց աղբյուրները: Ալեն Մաքենզին «Դեղին մատիտի» բովանդակության ռազմավար է: