ORYZO AI
မှောင်ခန်းတစ်ခုအကြောင်း ရိုက်ကူးထားသော ဓာတ်ပုံအက်ဆေး။ နွေးထွေးသောအမှောင်ထုထဲတွင် ဝဲပျံနေသော တစ်ခုတည်းသော အရာဝတ္ထုတစ်ခု၊ ခရင်မ်ဖျော့ဖျော့သည် တစ်ခုတည်းသော အလှဆင်ပစ္စည်းဖြစ်သည်။
ORYZO ရဲ့ အမြင်အာရုံစနစ်က ထုတ်ကုန်တစ်ခုချင်းစီကို ပြတိုက်တစ်ခုလို သဘောထားပါတယ်- နွေးထွေးပြီး မှောင်မိုက်တဲ့အရောင်တွေနဲ့ ပတ္တူတစ်ခု၊ ကျယ်ပြန့်တဲ့ negative space မှာ ပေါလောမျောနေတဲ့ creamy type နဲ့ form နဲ့ ယှဉ်ပြိုင်နေတဲ့ interface element တွေ လုံးဝမရှိခြင်း။ စာသား element အားလုံးကို 500-weight font နဲ့ all-caps တွေနဲ့ ရေးသားထားပြီး system ရဲ့ တစ်ခုတည်းသော conversational element ဖြစ်တဲ့ 29px/400 မှာ body copy ကလွဲလို့ပေါ့။ တစ်ခုတည်းသော တောက်ပတဲ့လိမ္မော်ရောင်ကို attribution lines တွေနဲ့ studio link တွေအတွက်ပဲ အသုံးပြုပါတယ် - button တွေ ဒါမှမဟုတ် calls to action တွေအတွက် ဘယ်တော့မှ မသုံးပါဘူး - ဒါကြောင့် ရှားပါးပါတယ်။ layout က mode နှစ်ခုကြားမှာ အလှည့်ကျ ပြောင်းလဲပါတယ်- photographic hero (tools နဲ့ materials တွေနဲ့ ဆက်စပ်နေတဲ့ ထုတ်ကုန်) နဲ့ void-based display mode (နွေးထွေးပြီး မှောင်မိုက်တဲ့နောက်ခံမှာ သီးခြားခွဲထားတဲ့ ထုတ်ကုန်)၊ ပါးလွှာတဲ့၊ အစက်အပြောက်ခွဲထားတဲ့ အစိတ်အပိုင်းတွေနဲ့ ဆေးပြားပုံသဏ္ဍာန် control တွေနဲ့ ချိတ်ဆက်ထားပါတယ်။
စာမျက်နှာတစ်ခုလုံးရဲ့ အကျယ်က အကန့်အသတ်မရှိပါ - အများဆုံးအကျယ် container မရှိပါဘူး၊ အပိုင်းတစ်ခုစီက 100vw အထိ နေရာယူထားပါတယ်။ Home screen: အပေါ်ကနေ အောက်ကို full-screen ဓာတ်ပုံ၊ အပေါ်ဘယ်ဘက်ထောင့်မှာ ORYZO logo (51px+) ကြီးကြီး၊ အပေါ်ညာဘက်ထောင့်မှာ tagline တစ်ခု၊ အပေါ်ညာဘက်ထောင့်မှာ fixed minimalist navigation၊ ညာဘက်အစွန်းတစ်လျှောက်မှာ vertical sidebar၊ အောက်ဘယ်ဘက်ထောင့်မှာ translucent info card နဲ့ အောက်ညာဘက်ထောင့်မှာ video thumbnail တစ်ခု။ နောက်အပိုင်းတွေကတော့ ထုတ်ကုန်ရဲ့ အလယ်ဗဟိုမှာ 3D render ပါတဲ့ full-screen Walnut Shadow canvas တစ်ခု၊ ဘယ်ဘက်ညှိထားတဲ့ title နဲ့ ညာဘက်ညှိထားတဲ့ body copy တစ်ခု - ကော်လံသုံးခုပါ grid (text/object/text)၊ 18px gutter ကျယ်ကျယ်နဲ့။ အပိုင်းတွေကြားက transition တွေက ချောမွေ့ပြီး မှောင်မိုက်တဲ့ background ပေါ်မှာ မှောင်နေပါတယ်။ break တွေက ပါးလွှာတဲ့ dotted dividers တွေပဲရှိပါတယ်။ Navigation က fixed ဖြစ်ပြီး transparent ဖြစ်ပြီး အများဆုံး element ၄ ခုပဲရှိပါတယ်။ sidebar မရှိ၊ footer မှာ chrome မရှိ၊ card တွေထဲမှာ card မရှိ - screen တိုင်းက entity တစ်ခုတည်းလို ခံစားရပါတယ်။
ဓာတ်ပုံများသည် အယ်ဒီတာ့အာဘော်သဘောသဘာဝရှိပြီး အပေါ်မှအောက်သို့ ရှုထောင့်မှ ရိုက်ကူးထားပြီး နောက်ခံအခြေအနေအရ ရိုက်ကူးထားခြင်းဖြစ်သည်- ဖော့ခွက်တစ်ခုသည် အစိမ်းရောင် ဖြတ်တောက်သည့်ဖျာပေါ်တွင် တင်ထားပြီး ခဲတံများ၊ လက်မှုဓားတစ်ချောင်းနှင့် စက္ကူညှပ်တစ်ခုတို့ဖြင့် ဝန်းရံထားသည်—ဘောင်အတွင်း မြင်နိုင်သော ကုန်သွယ်မှုကိရိယာများ—ဖြစ်သည်။ အစိမ်းရောင် ဖြတ်တောက်သည့်ဖျာ (#445231) သည် မျက်နှာပြင်ဒြပ်စင်တစ်ခုသာဖြစ်ပြီး UI ဒြပ်စင်မဟုတ်ပါ။ ထုတ်ကုန်တင်ဆက်မှုအတွက် ရည်စူးထားသော အပိုင်းများကို 3D ပုံဖော်မှုများဖြင့် လွှမ်းမိုးထားသည်- ဖော့ခွက်ကို Walnut Shadow နောက်ခံတွင် သီးခြားပြသထားပြီး ညာဘက်အပေါ်ထောင့်မှ နွေးထွေးသောအနားသတ်မီးဖြင့် ထွန်းထားပြီး အပေါ်မှအောက်သို့ လေးပုံသုံးပုံအထိ ထောင့်အမျိုးမျိုးဖြင့် အလင်းရောင်ပေးထားသည်။ လူနေမှုပုံစံဓာတ်ပုံများ၊ လူများ၊ စတော့ရှယ်ယာပုံများ မရှိပါ။ အရာဝတ္ထုသည် အဓိကဇာတ်ကောင်ဖြစ်ပြီး ကိရိယာများသည် ၎င်း၏နောက်ခံအခြေအနေဖြစ်သည်။ ရုပ်ပုံများသည် မျက်နှာပြင်တစ်ခုလုံးကို နေရာယူထားပြီး ကြည်လင်သောအနားသတ်များ (ဝိုင်းစက်သောမျက်နှာဖုံးများမပါ) ရှိပြီး မြင့်မားသော ဆန့်ကျင်ဘက်အရောင်ပြင်ဆင်မှုနှင့် နွေးထွေးသောအရောင်ပြင်ဆင်မှုဖြင့် လုပ်ဆောင်ထားသည်။
ရောင်စုံ
ကြားနေ
- Warm Cream
#ffedd7— မှောင်သောမျက်နှာပြင်များပေါ်တွင် ပေါ့ပါးသောစာသား၊ ပြောင်းပြန်လှန်ထားသော စာတန်းများနှင့် ဆန့်ကျင်ဘက်အရောင်မြင့်မားသောပုံများ။ - Walnut Shadow
#100904— စာမျက်နှာရဲ့ ပတ္တူနဲ့ အနက်ရှိုင်းဆုံးနောက်ခံက နွေးထွေးပြီး အနက်ရောင်နီးပါးဖြစ်ပေမယ့် စစ်မှန်တဲ့ အနက်ရောင်တော့ မဟုတ်ပါဘူး။ ထုတ်ကုန်ကြေငြာချက်တိုင်းရဲ့ နောက်ကွယ်မှာ ကွက်လပ်တစ်ခု ပုန်းအောင်းနေပါတယ်။ - Bark Brown
#382416— ခလုတ်၏ မြင့်တက်နေသော မျက်နှာပြင်နှင့် ဖြည့်ထားသော နောက်ခံသည် ပတ္တူအထက်တွင် အရောင်တစ်ဆင့်ရှိပြီး တစ်ခုတည်းသော၊ စဉ်ဆက်မပြတ် လုပ်ဆောင်ရန် ခေါ်ဆိုမှုအတွက် အသုံးပြုသည်။ - Cork Border
#40372e— သိမ်မွေ့သော ပိုင်းခြားမျဉ်းများ၊ အစက်ချထားသော အပိုင်းပိုင်းခြားမှုများ၊ မသိသာသော ကွန်တိန်နာနယ်နိမိတ်များ - ပတ္တူထက် တစ်ဆင့်ပိုပူသည်။ - Driftwood
#6c5f51— ဒုတိယအခန်းကန့်များနှင့် အသံတိတ်ဖွဲ့စည်းပုံဆိုင်ရာ အစိတ်အပိုင်းများအတွက် နွေးထွေးပြီး အလယ်အလတ်အရောင်ရှိသော မီးခိုးရောင်သည် Bark နှင့် Cream အရောင်ကြားရှိ ကွာဟချက်ကို ပေါင်းကူးပေးသည်။ - Ember Accent
#dc5000— လိမ္မော်ရောင်ကို လင့်ခ်များ၊ တဂ်များနှင့် အတိုကောက်စကားစုများကို မီးမောင်းထိုးပြရန်အတွက် အသုံးပြုသည်။
စာလုံးပုံစံ
၁၈ မှ ၅၁px အထိ · အဆင့် ၅ ဆင့်
- halyard-display-variable — အစားထိုးခြင်း: Inter or Söhne · မျဉ်းကြောင်းများ 400, 500 · ဖောင့်တစ်ခုတည်း။ 51px pitch ရှိသော 500 weight ကို ခေါင်းစဉ်များအတွက် အသုံးပြုထားပြီး စာလုံးကြီးများကို အသုံးပြုရာတွင် ထူးကဲသော ယုံကြည်မှုကို ပြသနေသည်။ 400/29px pitch ရှိသော ဖောင့်တစ်ခုတည်းသည် စာလုံးအကြီးအသေး ရောနှောအသုံးပြုထားသော ကိုယ်ထည်စာသားအတွက် တစ်ခုတည်းသော ဖောင့်ဖြစ်လာသည်။ စာလုံးအကွာအဝေးသည် စံအဖြစ် ဆက်လက်တည်ရှိနေဆဲဖြစ်သည်—ဂျီဩမေတြီပုံသဏ္ဌာန်များသည် ဖိသိပ်ခြင်းမရှိဘဲ ၎င်းတို့၏အလုပ်ကို လုပ်ဆောင်သည်။ ပိုမိုနီးကပ်သောဖွဲ့စည်းပုံဆိုင်ရာ ကိုက်ညီမှုအတွက် 'Inter'၊ 'Söhne' သို့မဟုတ် 'Neue Haas Grotesk' ကို သင်အသုံးပြုနိုင်သည်။
- Arial — အစားထိုးခြင်း: system-ui · မျဉ်းကြောင်းများ 400, 500 · microlegal အညွှန်းများအတွက် စနစ်တစ်ခုလုံးအတွက် fallback တစ်ခု (8px အကြီးစာလုံး၊ ဥပမာ "* ADOBE ILLUSTRATOR")။ ၎င်းသည် ဒီဇိုင်းဆုံးဖြတ်ချက်မဟုတ်ဘဲ အလိုအလျောက်ထုတ်ပေးသော စနစ်ရှင်းလင်းချက်များအတွက် လိုအပ်ချက်တစ်ခုဖြစ်သည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 18px |
| ခလုတ်အချင်းဝက် | 8px |
| ကတ်အချင်းဝက် | 12px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
AI က သင့်ဝက်ဘ်ဆိုက်ကို ORYZO AI ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- 21 TSI — ကြက်သွေးရောင် ဗလာနတ္ထိ၊ တစ်ခုတည်းသော ပုံရိပ် - အသုံးပြုသူ မျက်နှာပြင်သည် လေထုထဲသို့ ပျော်ဝင်သွားသည့် အဆင့်မြင့် ဖက်ရှင် အယ်ဒီတာ့အာဘော်
- Ysl — အဖြူအမည်းဖလင်မှ ရုပ်သေပုံတစ်ပုံ - လိုဂိုတစ်ခုတည်းအောက်တွင် မော်ဒယ်တစ်ဦးတည်းသာ ရိုက်ကူးခွင့်ရှိပြီး အခြားမည်သည့်အရာကိုမျှ ခွင့်မပြုပါ။
- Channel Studio — သန္တာကျောက်မီးအုပ်တစ်ခုပါသော စတူဒီယိုဓာတ်ပုံဓာတ်ခွဲခန်း
- Assembly Coffee London — မှောင်မိုက်သော မီးဖိုချောင်ရှိ မီးသွေးများ။ နွေးထွေးပြီး မှိန်ပျပျအလင်းရောင်ရှိသော ထုတ်ကုန်ဓာတ်ပုံများနှင့် လက်ရေးလှစာလုံးများပါရှိသော အနက်ရောင်နီးပါး ပတ္တူပေါ်တွင် သန်းခေါင်ယံအချိန်တွင် ရိုက်နှိပ်ထားသော အထူးကော်ဖီမီနူး၏ အငွေ့အသက်။
- PostNew — နေ့ခင်းဘက်တွင် ဒီဇိုင်းထုတ်ထားပြီး အလုပ်ချိန်နောက်ပိုင်းတွင် ဖွင့်လှစ်ထားသော ပြခန်းတစ်ခု
- Factory — သန်းခေါင်ယံတွင် "စစ်ခန်း" ဂိတ်။ "စက်ရုံ" သည် မီးအိမ်ထွန်းထားသော ညွှန်ကြားချက်တစ်ခုကဲ့သို့ အဖြူရောင်ကတ်တစ်ခု ကျရောက်နေသည့် လုံးဝမည်းနက်သော ထိန်းချုပ်ခုံတစ်ခုဖြစ်ပြီး အခန်းထဲတွင် တစ်ခုတည်းသော အရာဝတ္ထုမှာ အလုပ်ဖြစ်သည်။
- Numbered — အနက်ရောင်ကတ္တီပါဖြင့် ဖက်ရှင်ရိုက်ကူးမှု။ အနက်ရောင်နီးပါးရှိသော ကတ်ဝေါ့ခ်တစ်ခုတွင်၊ ဘောင်တွင် မျက်နှာတစ်ခုတည်းဖြင့် ဖြည့်ထားပြီး၊ အမှတ်အသားများမှာ အဖြူရောင်မင်နှင့် သိသာထင်ရှားသော ကြေးဝါချည်မျှင်သာဖြစ်သည်။
- Apple (España) — မီးအလင်းရောင်တပ်ဆင်ထားသော အနက်ရောင်ပြဇာတ်ရုံ
- Home page | Impossible Foods — ကတ္တီပါမှောင်မိုက်ထဲတွင် သွေးနီရောင် ပန့်ခ်ပိုစတာတစ်ခု။ ဝိုင်ရောင်ပတ္တူပေါ်တွင် စိတ်ကြိုက်ဒီဇိုင်းထုတ်ထားသော ချုံ့ထားသော ဆိုင်းဘုတ်တစ်ခု မှုန်ဝါးနေပြီး၊ အသားဆိုင်တုံးပေါ်ရှိ ဈေးနှုန်းတံဆိပ်တစ်ခုကဲ့သို့ အစိုင်အခဲနီရောင် လှုပ်ရှားမှုတောင်းဆိုချက်များ ပေါ်လွင်နေသည်။
- Ferrari — အနက်ရောင်စကျင်ကျောက်ပေါ်က စိတ်လှုပ်ရှားနေတဲ့ Cavallino တစ်ယောက်။ မှားယွင်းစရာမရှိတဲ့ Ferrari ရဲ့ အနီရောင်၊ အဖြူရောင် စာလုံးကြီးတွေနဲ့ အကျယ်အပြည့် ရုပ်ရှင်ရိုက်ချက်တွေက အနက်ရောင်အကွက်တွေကို နှောင့်ယှက်ထားတယ်။
- OpenSea — အပြာရောင်ဘောင်ခတ်ထားသော အနက်ရောင် ကုန်သွယ်မှု ဂိတ်
- Arthursimonini — ရုပ်ရှင်အစီအစဉ်သည် မင်အနက်ရောင်ဖြင့် ရိုက်နှိပ်ထားသည်