Origin Financial
တိတ်ဆိတ်ငြိမ်သက်သော ခမ်းနားထည်ဝါမှု၏ သန်းခေါင်ယံပြခန်း။ ကြီးမားသော serif စာလုံးများနှင့် တောက်ပသော ရောင်စုံပြားအနည်းငယ်သည် ဘဏ္ဍာရေးသည် ဂရုတစိုက်ရွေးချယ်ထားသော အနုပညာလက်ရာတစ်ခုဖြစ်သည်ဟု ခံစားချက်ကို ဖန်တီးပေးသည့် တိတ်ဆိတ်ပြီး မှောင်မိုက်လုနီးပါးရှိသော အခန်းတစ်ခန်း။
Origin သည် ကိုယ်ရေးကိုယ်တာဘဏ္ဍာရေးကို ညဘက်ပြခန်းတစ်ခုအဖြစ် တင်ပြသည်- အနက်ရောင်နီးပါးရှိသော ပတ္တူများ၊ သိမ်မွေ့သော serif ခေါင်းစဉ်များ (80-96px၊ Lyon Display - 300) နှင့် backlit အရောင်ပြားများကဲ့သို့ လှုပ်ရှားနေသော chromatic feature card များ။ မျက်နှာပြင်အများစုသည် တည်ငြိမ်ပြီး monochrome ဖြစ်ကာ၊ saturated အရောင်များသည် သုံးစွဲမှု၊ ရင်းနှီးမြှုပ်နှံမှုနှင့် ခန့်မှန်းချက်မော်ဂျူးများအတွက် full-screen အမျိုးအစား tile များအပြင် data signal များ (graph များ၊ sparkline များ) ပုံစံဖြင့်သာ ပေါ်လာသည်။ typography ကို ကွဲပြားသောစတိုင်သုံးမျိုးခွဲခြားထားသည်- စိတ်ခံစားမှုဆိုင်ရာဖော်ပြချက်များအတွက် high-contrast serif၊ user interface အတွက် neo-grotesque sans-serif နှင့် နည်းပညာဆိုင်ရာခေါင်းစဉ်များနှင့် all-caps data အတွက် monospaced font တို့က အယ်ဒီတာ့အာဘော်စတိုင်နှင့် တိကျမှုကို ဖန်တီးပေးသည်။ တစ်ခုတည်းသော အဓိကလုပ်ဆောင်ချက်မှာ အနက်ရောင်နောက်ခံပေါ်တွင် အဖြူရောင်စာသားဖြစ်ပြီး interface ၏ ကျန်အပိုင်းများသည် မှောင်မိုက်သွားပါသည်။
စာမျက်နှာရဲ့ အကျယ်တစ်ခုလုံးကို မှောင်မိုက်တဲ့ ပတ္တူတစ်ခုက ဖုံးလွှမ်းထားပါတယ် (အကြောင်းအရာကွန်တိန်နာကို 1200px မှာ အများဆုံးထားပေမယ့် အပိုင်းတွေက အစွန်းအထိ ပတ်ထားပါတယ်)။ စာမျက်နှာရဲ့ စည်းချက်က (1) အလယ်ဗဟိုမှာ ခေါင်းစဉ်နဲ့ ထည့်သွင်းထားတဲ့ AI tooltip ပါတဲ့ ထင်ရှားတဲ့ splash ဓာတ်ပုံ၊ (2) အပြည့်အကျယ် မော်ဂျူးတွေ၊ (3) contrast အတွက် အလင်းပြောင်းပြန် #cacaca stats blocks တွေနဲ့ (4) 90px padding ပါတဲ့ ထုတ်ကုန် အပြင်အဆင် အစင်းကြောင်းတွေကြားမှာ အလှည့်ကျ ပြောင်းလဲနေပါတယ်။ ခေါင်းစဉ်တွေကို အမြဲတမ်း အလယ်ဗဟိုမှာ ထားပါတယ်။ feature category card တွေကို ကော်လံ ၃ ခုပါ grid မှာ 12-15px ကွာဟချက်တွေနဲ့ ခင်းကျင်းထားပါတယ်။ အပိုင်းတွေကြားက ဒေါင်လိုက်အကွာအဝေးက 24-80px ဖြစ်ပြီး မော်ဂျူးတွေကြားက နေရာလွတ်ကို ဖန်တီးပေးပါတယ်။ navigation က နောက်ခံမှုန်ဝါးနေတဲ့ (နောက်ခံ filter (24px)) ပါတဲ့ fixed top bar တစ်ခုဖြစ်ပြီး လိုဂို၊ ghost button navigation element ၃ ခု၊ “Login” text link နဲ့ ညာဘက်မှာ ချိန်ညှိထားတဲ့ အဖြူရောင် primary “Get Started” call-to-action ပါရှိပါတယ်။
လေထုဓာတ်ပုံရိုက်ကူးခြင်းသည် အဓိကအချက်အဖြစ် ဆောင်ရွက်သည် (တိမ်တိုက်များနှင့် ကောင်းကင်၏ full-frame ဓာတ်ပုံသည် တကယ့်ရာသီဥတုထက် ပွင့်လင်းသောကောင်းကင်ကဲ့သို့ ပိုမိုခံစားရသည်)။ ထုတ်ကုန် visualization တွင် Origin iPhone အက်ပ်၏ စောင်းထားသော render များ ပါဝင်ပြီး အနက်ရောင်နောက်ခံတွင် တပ်ဆင်ထားသည် - device သည် အဓိကအချက်ဖြစ်ပြီး မျက်နှာပြင်မှ တောက်ပသောအကျိုးသက်ရောက်မှုများအစား သိမ်မွေ့သော volumetric glow ပါရှိသည်။ သရုပ်ဖော်ပုံများ၊ abstract ဂရပ်ဖစ်များ သို့မဟုတ် လူနေမှုပုံစံဓာတ်ပုံများ မရှိပါ။ အိုင်ကွန်များသည် minimalist ဖြစ်ပြီး အဖြူရောင်မျဉ်းကြောင်းများ သို့မဟုတ် silhouette များ၏ monolinear SVG ပုံများပါရှိသည်။ အလုံးစုံပြောရလျှင် စာသားများ အဓိကဖြစ်သည်- typography သည် visual weight ၏ 80% ခန့်ရှိပြီး ပုံများသည် ပတ်ဝန်းကျင်နှင့် ထုတ်ကုန်တင်ဆက်မှုအတွက် သီးသန့်ထားရှိသည်။
Origin Financial ပုံစံဖြင့် AI ပုံများအတွက် တောင်းဆိုချက်
Origin Financial ဝဘ်ဆိုဒ်၏ ရုပ်ပုံစတိုင်ဖြင့် ပုံတစ်ပုံဖန်တီးပါ။ ဘာကိုပုံဖော်မလဲ- [သင်၏ အကြောင်းအရာနှင့် ဆန္ဒများကို ထည့်သွင်းပါ — ဥပမာ- "သစ်သားစားပွဲပေါ်ရှိ ကော်ဖီခွက်၊ နံနက်ခင်းအလင်းရောင်"] ပုံစံ- တိတ်ဆိတ်သော ကြွယ်ဝမှု၏ သန်းခေါင်ယံ ပြခန်း။ တိတ်ဆိတ်ပြီး အမှောင်နီးပါးအခန်းတစ်ခန်းတွင် အရာဝတ္ထုသည် ဂရုတစိုက်ရွေးချယ်ထားသော အနုပညာလက်ရာတစ်ခု၏ ခံစားချက်ကို ဖန်တီးပေးသည်။ လှုံ့ဆော်မှုပေးသော ပွင့်လင်းသောကောင်းကင်ကဲ့သို့ ခံစားရသည့် မှိန်ဖျော့အေးမြသော ပြုပြင်မှုပါရှိသော လေထုဓာတ်ပုံများ။ ပုံဥပမာများ၊ ပုံသဏ္ဍာန်မရှိသော ဂရပ်ဖစ်များနှင့် လူနေမှုပုံစံ ဓာတ်ပုံများ မပါဝင်ပါ။ အလင်းနှင့် ပစ္စည်းများ- အနက်ရောင်နီးပါးနောက်ခံ။ အလင်းပြန်မှုအကျိုးသက်ရောက်မှုမရှိဘဲ အနည်းငယ်မျှသာ မြင်သာသော ထုထည်ရှိသော အလင်းရောင်။ ပုံသဏ္ဍာန်ကို အလေးပေးသည့် ပျော့ပျောင်းသော၊ ပြန့်ကျဲသောအလင်းရောင်။ အမှောင်ဆောင်ပုဒ်သည် လွှမ်းမိုးထားပြီး အရိပ်များအစား နယ်နိမိတ်များ။ အရောင်အသွေး- Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. ဘောင်ဖွဲ့စည်းမှု- ဘောင်တွင် လွှမ်းမိုးထားသော ဗဟိုအရာဝတ္ထု။ အပြည့်အစုံဓာတ်ပုံ။ အရာဝတ္ထုများကို အဓိကအရာများအဖြစ် တင်ပြထားပြီး အမှောင်နောက်ခံတွင် ပတ်ပတ်လည်တွင် လုံလောက်သော နေရာလွတ်ရှိသည်။ ကျယ်ပြန့်သောပုံစံ။ လိုအပ်ချက်များ- ဓာတ်ပုံနှင့်တူပြီး သန့်ရှင်းရမည်၊ အလင်းနှင့်အရောင်များသည် အထက်ပါအရောင်အသွေးမှ တင်းကြပ်စွာဖြစ်ရမည်။ "ဘာကိုပုံဖော်မလဲ" တွင် မတောင်းဆိုပါက စာသား၊ စာတန်းများ၊ ဂဏန်းများ၊ အင်တာဖေ့စ်များနှင့် ဝဘ်ဆိုဒ်ပုံစံများကို မထည့်ပါနှင့်။ ရေစာများ၊ အခြားသူများ၏ လိုဂိုများနှင့် အမှတ်တံဆိပ်အမည်များ မပါဝင်ရ။
ရောင်စုံ
အမှတ်တံဆိပ်
- Iris Gleam
#847dff— အမျိုးအစားကတ်များအတွက် အဓိကအသားပေးအရောင်မှာ မော်ဂျူးကြွေပြားများတွင် အများဆုံးတွေ့ရလေ့ရှိသော ထူးခြားသည့် ခရမ်းရောင်ဖြစ်သည်။
ကြားနေ
- Cyan Signal
#00b3dd— ဒေတာအခြေပြု အာရုံစိုက်မှု – ဇယားမျဉ်းကြောင်း၊ မီနီဇယားစုတ်ချက်များနှင့် မှောင်မိုက်သောမျက်နှာပြင်များပေါ်တွင် ခန့်မှန်းချက်အညွှန်းကိန်းများ။ - Pale Iris
#d1c9ff— အပြင်အဆင်ဘောင်များနှင့် နောက်ခံဖြည့်သွင်းမှုတွင် ပိုမိုနူးညံ့သော အရောင်ပုံစံများအတွက် ခရမ်းရောင်၏ ပိုမိုပေါ့ပါးသော ဗားရှင်း။ - Deep Iris
#4b49aa— အရိပ်ကျနေသော အမျိုးအစားနှင့် မောက်စ်တင်သည့်အခါ အခြေအနေဘားများအတွက် ခရမ်းရောင်ရင့်ရောင် မျိုးကွဲ။ - Orchid Bloom
#dd90d8— လူနေမှုပုံစံ/အသုံးစရိတ် မော်ဂျူးများအတွက် ပန်းရောင် အမျိုးအစားကတ်သည် အေးမြသော အရောင်ဖျော့ဖျော့နှင့် နွေးထွေးသော ဆန့်ကျင်ဘက်ကို ပေးစွမ်းသည်။ - Periwinkle
#90b8f0— အကြံပေး module များ သို့မဟုတ် စုံတွဲ module များအတွက် အပြာရောင်ဖျော့ဖျော့ အမျိုးအစားကတ်။ - Obsidian
#0f1011— စာမျက်နှာ၏ ပတ္တူသည် အရာအားလုံး ပေါလောမျောနေသည့် အဓိက မှောင်မိုက်မျက်နှာပြင်ဖြစ်သည်။
စာလုံးပုံစံ
၁၂ မှ ၉၆px အထိ · အဆင့် ၇ ဆင့်
- Suisseintltrial — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · Suisseintltrial - ထုတ်ယူထားသောဒေတာတွင်တွေ့ရှိရသော်လည်း AI မှဖော်ပြမထားပါ။
- Lyon Display — အစားထိုးခြင်း: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · မျဉ်းကြောင်းများ 300 · ခေါင်းစဉ်များနှင့် အပိုင်းခေါင်းစဉ်များသည် ထူးခြားသောစတိုင်တစ်ခုဖြစ်သည်။ ၃၀၀ ဖောင့် (ပေါ့ပါးသော) ကိုသာ အသုံးပြုထားသောကြောင့် နူးညံ့သော်လည်း ယုံကြည်မှုရှိသော ခံစားချက်ကို ဖန်တီးပေးပါသည်။ အလွန်သေးငယ်သော အရွယ်အစား (၃၈-၉၆px) နှင့် ကျဉ်းမြောင်းသော စာကြောင်းအကွာအဝေး ၀.၉ သည် အဓိပ္ပာယ်ရှိသော တင်းမာမှုကို ဖန်တီးပေးပါသည်။
- Suisse Int'l — အစားထိုးခြင်း: Inter or Geist Sans at matching weights · မျဉ်းကြောင်းများ 300, 400 · ကိုယ်ထည်စာသား၊ ကတ်ဖော်ပြချက်များ၊ လင့်ခ်စာသားနှင့် ထည့်သွင်းရန်နေရာများ။ 18px ကတ်ခေါင်းစဉ်ခွဲများတွင် ပြသထားသောစာသား၏ သိမ်မွေ့သောပဲ့တင်သံကို ပေးစွမ်းရန်အတွက် 300 အလေးချိန်ကို အသုံးပြုထားသည်။ 400 အလေးချိန်သည် အဓိက UI စာသားဖြစ်သည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 12px |
| ခလုတ်အချင်းဝက် | 8px |
| ကတ်အချင်းဝက် | 16px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 80px |
| စာမျက်နှာအကျယ် | 1200px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Origin Financial ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- July Fund — ရောင်စုံအခန်းကတ်များပါသည့် မှောင်မိုက်သောပြခန်းထဲမှ စာတမ်းတစ်စောင်
- FLORA — အနက်ရောင်ကတ္တီပါပေါ်က ပြခန်း - သန့်ရှင်းပြီး မှောင်မိုက်တဲ့ ပတ္တူတစ်ခု၊ တစ်ခုတည်းသောအရောင်အဖြစ် တောက်ပတဲ့ရုပ်ပုံများ
- Mercury — ညနေခင်းတွင် အယ်လ်ပိုင်းကမ်းပါးများ
- Linear — သန်းခေါင်ယံတိကျမှုကိရိယာ
- Air — ရုပ်တု "ဖန်ခွက်မှတစ်ဆင့် သန်းခေါင်ယံကောင်းကင်"
- Raycast — သန်းခေါင်ယံ ကွပ်ကဲရေးစင်တာ၊ ကိုရယ်နီယွန်
- dope.security — ခရမ်းရောင် မီးပွိုင့်များပါသည့် သန်းခေါင်ယံ ဂိတ်
- Dimension — မှောင်ရီပျိုးစပြုချိန်တွင် အလင်းရောင်ကောင်းစွာရသော အလုပ်စခန်းတစ်ခု
- Giga — ရေခဲအော့ဘ်စီဒီယန်ပေါ်က သန်းခေါင်ယံမိုးကုပ်စက်ဝိုင်း
- Reflect Notes — ကြယ်များပြည့်နှက်နေသော ခရမ်းရောင်အာကာသသည် မှောင်မိုက်သော နက္ခတ်တာရာကြည့်စခန်းတစ်ခုဖြစ်ပြီး အနက်ရောင်အကွက်အကွင်းနောက်ခံတွင် ကြယ်စုများကဲ့သို့ မှတ်စုများ လွင့်မျောနေပါသည်။
- Ameba — သန်းခေါင်ယံအချိန်တွင် ထိန်းချုပ်ခန်း - အေးခဲနေသော မှန်ပြားများအတွင်းမှ လျှပ်စစ်အပြာရောင် လျှပ်စီးကြောင်းတစ်ခု
- Branding — အနက်ရောင်ပြခန်းနံရံ၊ သွေးနီရောင် အသားပေးဖော်ပြချက်များ - အဖြူရောင်စာလုံးကြီးများသည် မှောင်မိုက်သော ပတ္တူပေါ်တွင် ပေါ်လွင်နေပြီး တောက်ပသော အနီရောင် အသားပေးဖော်ပြချက်တစ်ခုတည်းနှင့် ဝဘ်မျက်နှာပြင်ထက် ပြခန်းဆိုင်းဘုတ်နှင့် ပိုတူသည့် ထင်ရှားသော အလှဆင်ပစ္စည်းများဖြင့် ရောနှောထားသည်။