Telegram, WhatsApp+380637610482
Վալերի Դանյուկ
Վալերի ԴանյուկմշակողԲիզնեսների համար արհեստական բանականության գործիքների մշակում։ Բարձրորակ։ Մատչելի։Գրել Telegram-ին
Dala — այս ոճի կայքի նախադիտում

Dala

սև թավշի վրա սավառնող համաստեղություն

Դալան ներկայացնում է մութ տարածություն, որտեղ սև դատարկությունները հանդիպում են մեկ վառ մանուշակագույն շեշտադրման, որը ընդհատվում է սաթե փայլերով: Տպագրությունը մոնոլիտ և անկշիռ է. PPNeueMontreal-ը՝ 400 կշռող տառատեսակ, գերիշխում է յուրաքանչյուր վերնագրում՝ մեծ չափսերով (78–113px)՝ ագրեսիվ բացասական տառերի միջև հեռավորությամբ, ինչը վերնագրերը դարձնում է ավելի շատ քանդակային, քան տեղեկատվական: Տեսողական կենտրոնը փոքրիկ, բազմագույն եռանկյուն մասնիկների համաստեղություն է, որը կազմում է օրգանական ուղեղի ձև, որը ծառայում է որպես ապրանքանիշի ստորագրության ժեստ. գիտելիքը պատկերացվում է որպես բաշխված ինտելեկտ, այլ ոչ թե որպես հիերարխիկ տվյալներ: Դասավորությունը հետևում է ընդարձակ երկսյունակ ռիթմին՝ մեծ չափերի, ձախ կողմում դասավորված վերնագրեր, որոնք զուգորդվում են ընդարձակ հիմնական տեքստի հետ, լողում են մաքուր սև ֆոնի վրա՝ առանց վահանակների, շրջանակների կամ քարտերի: Բաղադրիչները միտումնավոր կրճատվում են իրենց ամենաէական ձևին՝ մեկ մանուշակագույն հաբի կոճակ, թաքնված տեքստային հղումներ և մեծ տեքստային բլոկներ:

Լրիվ լայնությամբ բաժինները դասավորված են մաքուր սև կտավի վրա, որի կենտրոնում առավելագույն բովանդակության լայնությունը մոտ 1280px է: Գլխավոր բաժինն ունի ասիմետրիկ երկսյունակ դասավորություն. ձախ կողմում հավասարեցված մեծ վերնագիր (113px), որի ձախ կեսում գտնվում են հիմնական տեքստը և գործողության կոչը, մինչդեռ «մասնիկային ուղեղի» վիզուալիզացիան զբաղեցնում է աջ կեսը՝ հսկայական մասշտաբով: Հաջորդող բաժինները հերթագայում են երկու սյուների միջև (ձախ կողմում տեսողական/աջ կողմում տեքստ, ապա ձախ կողմում տեքստ/աջ կողմում տեսողական), ստեղծելով զիգզագ ընթերցման ռիթմ: Բաժինների միջև ընկած տարածությունները մեծ են (60–120px ուղղահայաց): Քարտային ցանցեր, գնագոյացման աղյուսակներ կամ բազմասյունակ առանձնահատկությունների նկարագրություններ չկան. բովանդակությունը դասավորված է ընդարձակ երկսյունակ տեքստային-վիզուալ բլոկներով: Նավիգացիան մինիմալիստական թափանցիկ վերին վահանակ է՝ առանց կողային վահանակի կամ մեգա-մենյուի: Էլեմենտների խտությունը չափազանց բարձր է՝ մեկ կամ երկու տարր մեկ դիտման պատուհանում, երբեք չի ծանրաբեռնվում տեղեկատվությամբ:

Տեսողական դիզայնը լիովին ընթացակարգային և աբստրակտ է՝ լուսանկարներ չկան, բացառությամբ թիմային դիմանկարների: Բրենդի տեսողական ինքնությունը հազարավոր փոքրիկ, ուրվագծված եռանկյուն մասնիկների խիտ ամպ է, որոնք ներկայացված են լիարժեք, վառ սպեկտրով (մանուշակագույն, սաթ, փիրուզագույն, մանուշակագույն, կապույտ), ձևավորելով օրգանական ուղեղի/նեյրոնի ձև: Այս մասնիկային դաշտը անիմացիոն է և ծառայում է և՛ որպես հիմնական պատկեր, և՛ որպես ապրանքանիշի ինքնության տարր: Շրջապատող մասնիկները, ավելի ցածր խտությամբ, շարժվում են էջի ֆոնի վրայով: Եռանկյունիները ունեն ուրվագծեր, 1-2px գծի հաստություն, սուր եզրեր և հարուստ, քրոմատիկ գույներ՝ երբեք մոխրագույն երանգներով: Թիմային դիմանկարները ցուցադրվում են որպես մեծ, կլորացված ուղղանկյուններ (124px շառավղով)՝ առանց սահմանների կամ համընկնումների: Արտադրանքի էկրանանկարներ, ապրելակերպի լուսանկարներ, 3D ռենդերներ չկան. մասնիկային համակարգը տեսողական ապրանքանիշն է:

Պալիտրա

Բրենդ

  • Electric Iris #8052ff — Հիմնական գործողության կոճակները, լոգոն և ապրանքանիշի շեշտադրումները մեկ, հարուստ մանուշակագույն գույն են, որը սև ֆոնի վրա ազդարարում է ինտերակտիվությունը և ապրանքանիշի ինքնությունը։

Չեզոք

  • Void #000000 — Էջի կտավը, բաժնի ֆոնը, բացասական տարածությունը՝ գերիշխող մակերեսը մաքուր սև է, այլ ոչ թե մուգ մոխրագույն, ստեղծելով դատարկություն, որը թույլ է տալիս քրոմատիկ շեշտադրումներին ազատորեն լողալ։
  • Bone White #ffffff — Վերնագրեր, մարմնի տեքստ, պատկերակի լրացում, ակտիվ նավիգացիայի վիճակ՝ միակ տպագրական գույնը, որն ապահովում է առավելագույն հիերարխիա սև ֆոնի վրա։
  • Ash Gray #9a9a9a — Նուրբ նավիգացիոն տեքստը, կիսաթափանցիկ հղման գույնը և լրացուցիչ պիտակները թաքնված են հիմնական տեքստի հետևում՝ առանց անտեսանելի դառնալու։
  • Silver Mist #bdbdbd — Լրացուցիչ տեքստ, տեղեկատվություն վերնագրի մակարդակում՝ ամենահանգիստ և ամենաընթեռնելի մոխրագույն գույնը՝ համատեքստը պահպանելու համար։
  • Saffron Spark #ffb829 — Տեքստի ընդգծումը, հղումների շեշտադրումը և կետադրական նշաններով ուշադրություն գրավելը. տաք դեղինը մանուշակագույն ֆոնի վրա ստեղծում է գունային լարվածություն ապրանքանիշի համար։
  • Deep Verdant #15846e — Երկրորդային մակերեսային երանգավորումը, գրադիենտային լոգոյի կանգառը, դրսևորվում է որպես ապրանքանիշի գրադիենտի ավելի մուգ եզր և հազիվ նկատելի շեշտադրական անցումների տեսքով։

Տպագրություն

12-ից մինչև 113px · 10 քայլ

  • PPNeueMontreal — փոխարինում: Inter · ուրվագծեր 200, 400, 600, 700 · Բոլոր UI համատեքստերում օգտագործվում է միատեսակ տառատեսակ։ Էկրանի չափերի վերնագրերը (78–113px) օգտագործում են 400 կշիռ՝ -0.04 em տառային միջակայքով, որը նույն կշիռն է, ինչ մարմնի տեքստը, բայց ավելի մեծ մասշտաբը ստեղծում է հիերարխիա։ 200 կշիռը (գերթեթև տառատեսակ) նախատեսված է 18px մարմնի տեքստի համար. սա ապրանքանիշի համար հատուկ որոշում է. AI/SaaS կայքերի մեծ մասը օգտագործում է 400 կշիռ մարմնի տեքստի համար, բայց Dala-ն նվազեցնում է կշիռը՝ պարբերությունները օդային և ոչ ագրեսիվ պահելու համար։ Նավիգացիայի և փոքր վերնագրերի համար օգտագործվում է 600 կշիռ՝ 14px տառային միջակայքով, 0.025 em տառային միջակայքով և միայն մեծատառերով։ 400 կշիռը օգտագործելը և՛ 113px վերնագրերի, և՛ 15px մարմնի տեքստի համար անսովոր է. դա ենթադրում է, որ ապրանքանիշը հիերարխիա ստեղծելու համար հիմնվում է մասշտաբի, այլ ոչ թե կշռի վրա։

Ժամանակահատվածներ և ձև

ՆպատակՆշանակություն
Խտությունխիտ
Հիմնական քայլ6-18px
Կոճակի շառավիղ24px
Քարտի շառավիղ24px
Ստվերներստվերների փոխարեն՝ առանց սահմանների
Բաժինների միջև60-120px
Էջի լայնությունը1280px

Արհեստական բանականությունը կկառուցի ձեր կայքը Dala ոճով և կլրացնի այն

  • Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
  • Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
  • Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
  • Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։

Նմանատիպ ոճեր

  • Linear — կեսգիշերային ճշգրիտ գործիք
  • Resend — սև թավիշ՝ մանուշակագույն նեոնային գույնով
  • Ciridae — Դատարկ սենյակ՝ ծխացող ածուխների զարկերով՝ գրեթե սև տաճար, որտեղ միակ տաք ձայնը ժանգի բարակ գիծն է, և յուրաքանչյուր մակերես սահմանազատված է նուրբ գծերով, այլ ոչ թե ստվերով։
  • Dovetail — Սև լուսնի տակ նախագիծ՝ հազիվ տեսանելի գրաֆիկական գծեր, սպիտակ տառատեսակ, մեկ մանուշակագույն փայլ
  • Neon — Սերվերային սենյակ մթնշաղից հետո։ Մաքուր խավար, որտեղ միակ լույսը գալիս է տվյալներից և օգտատերերի փոխազդեցություններից։
  • Discord — Խաղի աշխարհը թաքնված է ի հայտ եկող զրուցարանի պատուհանի հետևում՝ յուրաքանչյուր բաժին ինքնուրույն միջավայր է՝ իր սեփական լուսավորությամբ և կերպարների հավաքածուով։
  • Aaru — Մասնիկների դաշտի աստղադիտարանը կեսգիշերին
  • Atlas Card — Կեսգիշերային պահոցը, իր միակ շափյուղյա ճառագայթով, խիտ մութ տարածություն է, որտեղ միակ կարևորը խորը էլեկտրական կապույտն է։
  • Midjourney — Կենսալուսարձակող տերմինալ խոր օվկիանոսում։ Խորջրյա աշխարհ, որտեղ ինտելեկտը տեսողականորեն ստեղծվում է ASCII հոսքերում, իսկ կառավարման տարրերը երևում են որպես թույլ լուսավորվող նախշեր։
  • Checkly — Խորը ուղեծրի առաքելության կառավարման կենտրոն
  • Krea — պատկերասրահ նուար կեսգիշերին
  • Wope — Վոուփը մանուշակագույն հորիզոնի միջերես է։ Պատկերացրեք մուգ աստղադիտարանի սեղան, որի ապակու տակից մանուշակագույն լույս է ճառագում։