Peak Design
Mgbidi ụlọ ngosi ihe ngosi, nke nwere ìhè ụfọdụ
Nhazi Peak bụ ahụmịhe azụmahịa dị mma maka ụlọ ngosi ihe ngosi nka: ákwà ihe osise dị ka monochrome ebe eserese edemede na foto ngwaahịa na-arụ ọrụ niile. Sistemụ ahụ na-agbanwe elu ọcha dị nkọ na ogwe miri emi, dị nso na oji, na-emepụta nhazi kewara ekewa nke ọma ebe a na-etinye isi okwu serif na mkpụrụedemede italic n'otu akụkụ yana ngwaahịa ihuenyo zuru oke ma ọ bụ onyonyo ụdị ndụ n'akụkụ nke ọzọ. Mpempe akwụkwọ bụ isi olu nke akara ahụ: ụdị serif dị ogologo, nke a kpọchiri akpọchi, nke a na-achọ mma (n'ụdị Exposure) maka isi akụkọ, jikọtara ya na ụdị grotesque na-anọpụ iche (Geist) maka interface onye ọrụ, na ụdị sans-serif a kpọchiri akpọchi (bryant) maka mkpụrụedemede, nku anya, na bọtịnụ. Interface ahụ ka dị ọcha: enweghị ihe UI chromatic, enweghị gradients ịchọ mma, enweghị onyinyo - naanị ókèala dị nro, radii nkuku abụọ (4 na 8), na otu olu uhie ejiri naanị mgbe ụfọdụ maka imesi ike. Ihe ndị dị na ya yiri ka ha na-echebara echiche karịa ịchọ mma: ihe nkesa dị gịrịgịrị, kaadị ngwaahịa dị larịị, nzacha dị ka pill, na bọtịnụ a na-adịghị ahụ anya nke na-adị ka nkọwa ụlọ.
Ngalaba peeji obosara zuru oke na-agbanwe n'etiti ọcha na nso-ojii; ngalaba ọ bụla nwere obosara nlele ahụ dum, na-enweghị oke obosara kachasị na ọkwa ngalaba ahụ. Ọdịnaya dị n'ime ngalaba nwere obosara kachasị nke ~1440px ma dị n'etiti. Ụkpụrụ isi kachasị bụ nkewa 50/50: blọk ederede (nchọgharị + isi okwu + obere ederede + bọtịnụ) n'otu akụkụ, na onyonyo ngwaahịa ma ọ bụ ụdị ndụ zuru oke n'akụkụ nke ọzọ. N'okpuru mpịachi ahụ, grid ngwaahịa ahụ na-eji ogidi anọ nke kaadị ngwaahịa hà nhata nwere nnukwu gutters nke 24-32px. A na-etinye panel nzacha nke ụdị ozugbo n'okpuru isi igodo n'ahịrị kwụ ọtọ nke "mkpụrụ ọgwụ." A na-akọwa ụda nke ngalaba ndị ahụ site na ịgbanwe eriri ọkụ/ọchịchịrị yana ntinye kwụ ọtọ 80px n'etiti ngalaba, na-emepụta ụda magazin nchịkọta akụkọ. Njemgharị ahụ bụ ogwe elu edobere nke nwere mpempe mgbasa ozi dị gịrịgịrị n'elu ya.
A na-eji foto ngwaahịa eme ihe n'asụsụ anya: a na-ese foto akpa, eriri, na ngwa igwefoto n'akụkụ ndabere ọcha dị ọcha, na-enweghị ihe gbasara ndụ kwa ụbọchị, ebe ọkụ na-egosi udidi nke ihe ahụ na nkọwa nke ngwaike ahụ. Foto kwa ụbọchị na-apụta naanị na ngalaba nchịkọta akụkọ ihuenyo zuru oke (dịka ọmụmaatụ, aka na-ejide kamera n'ime okirikiri) ma na-ejupụta obosara dum nke ihe ngosi ahụ n'otu akụkụ nke panel kewara ekewa. Foto enweghị radius nkuku na isi onyonyo (ha na-acha ọcha na nsọtụ), enweghị radius nkuku na onyonyo kaadị ahụ. Enweghị eserese, enweghị eserese nkịtị, enweghị ihe osise akara ngosi ma ọ bụghị akara ngosi UI na-arụ ọrụ. Ngwaahịa a bụ ihe a na-elekwasị anya—foto dị mma na studio, nwere akụkụ na-agbanwe agbanwe, ọkụ na-agbanwe agbanwe, na ndabere ọcha na-agbanwe agbanwe—ebe UI na-apụ n'azụ, na-enye ihe ndị ahụ ohere ikwu okwu maka onwe ha.
Paletị
Na-anọpụ iche
- Carbon Ink
#1a211e— Ederede ahụ, akụkụ gbara ọchịchịrị, ederede ahụ, akara ngosi, fremu dị n'elu ìhè - agba dị ka oji nke na-eje ozi dị ka ntọala maka isi okwu ọ bụla ma na-emepụta ogwe ndabere gbara ọchịchịrị nke akụkụ ndị kewara ekewa. - Paper White
#ffffff— Ebe a na-enye ìhè maka imepụta ndabere na-enweghị ihe mgbochi ma kewaa ngalaba. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume. - True Black
#000000— A na-etinye ihe ndị nwere oke ọdịiche—ihe e ji ejupụta isi okwu n'azụ ọcha, ogwe ọkwa, nhazi ala, na akara ngosi siri ike—ebe imewe ahụ chọrọ ahịrị ndị kacha doo anya. - Obsidian
#0c0c0c— Elu panel miri emi na ihe mkpuchi onyonyo - ọ dị ntakịrị nro karịa ezigbo oji, nke a na-eji eme ebe gbara ọchịchịrị nke na-ewe elu ihuenyo ahụ dum ma kwesịrị ịdị ka nke siri ike mana ọ bụghị nke siri ike dị ka oji dị larịị. - Fog
#eef1f0— Ebe a na-enye ìhè maka imepụta ndabere na-enweghị ihe mgbochi ma kewaa ngalaba. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume. - Mist
#e0e0e0— Nkewa ahịrị, ọnọdụ ndị nwere nkwarụ, ihe ndị na-ekewa ihe owuwu dị nro - agba isi awọ dị ọkara-ọkụ nke na-akọwa ókè dị n'etiti ngalaba dị na ákwà ọcha.
Ụdị edemede
site na 14 ruo 80px · nzọụkwụ 6
- Geist — nnọchi: Inter · ihe nhazi 400, 600, 700 · Isi ederede, aha ngwaahịa, nkọwa, ubi fọm, ederede njikọ, na ọdịnaya ala. Ibu mkpụrụedemede: 400 maka ederede bụ isi, 600 maka ihe ndị pụtara ìhè, na 700 maka aha ngwaahịa na ihe ndetu dị mkpa dị n'ime. Mkpụrụedemede Grotesque na-anọpụ iche na-enye ohere ka mkpụrụedemede Display Serif na Condensed Sans gosipụta ụdị akara ahụ, ebe Geist na-enye ọrụ na ịgụ ihe.
- Exposure-style serif (Exposure-10) — nnọchi: Playfair Display · ihe nhazi 400 · Isi okwu na isi isiokwu. Otu ibu (400) dị na mkpụrụedemede serif italic na-emepụta ikike nchịkọta akụkọ—okwu ndị a na-edozi ụda akara ahụ, a na-eji ya eme ihe n'elu panel gbara ọchịchịrị nke gbasaa obosara peeji ahụ dum na mmalite nke ngalaba ndị dị mkpa. Oghere mkpụrụedemede siri ike (-0.025em) na-enye ohere ka mkpụrụedemede buru ibu yie ihe a na-egbochi kama ịdị fechaa.
- Bryant-style condensed sans (bryant) — nnọchi: Druk Wide · ihe nhazi 700 · Akara ngosigharị, bọtịnụ nzacha nke otu, ederede bọtịnụ, "nkuanya," akara ngalaba, na isi okwu ndị ọzọ. Mkpụrụedemede ukwu agbakọrọ agbakọ nwere oghere mkpụrụedemede dị mma na-emepụta ụdị ụlọ ọrụ mmepụta ihe, dị ka akara - okwu ndị a na-akọwapụta ma na-enye ntụziaka, mana ha anaghị akọwa ya.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | nkezi |
| Nzọụkwụ bụ isi | 24px |
| Redịọs bọtịnụ | 4px |
| Redịọs kaadị | 8px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 80px |
| Obosara ibe | 1440px |
AI ga-ewulite weebụsaịtị gị n'ụdị Peak Design ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Arsenijs Fabrica — A na-ahụ ịma mma dị n'ime ihe odide ndị a n'okpuru ọkụ gallery ahụ. Mgbidi ọcha dị nkọ nke gallery ahụ, otu ọkụ na-ekpo ọkụ nke na-acha oroma na-adakwasị azụ monochrome, ụdị dị gịrịgịrị dị ka iko, na ọtụtụ oghere ọcha.
- 21 TSI — Ihe efu na-acha ọbara ọbara, otu onyinyo - nchịkọta akụkọ ejiji dị elu ebe interface onye ọrụ na-agbaze n'ime ikuku
- Aevi Wellness — Ụdị ihe na-eme ka ihe na-esi ísì ụtọ nke Scandinavian dị nro, nke na-enweghị ibu. Ndabere olu isi awọ-acha anụnụ anụnụ dara ụda na-agbaji nhazi zuru oke nke ihe nchịkọta akụkọ, ebe a na-etinye foto ngwaahịa n'elu kaadị ndị dị gịrịgịrị n'akụkụ ala ọcha na-ekpo ọkụ.
- Palmer — Ụlọ ngosi seramiiki n'ehihie dị nro - mmekọrịta ahụ na-eme na mgbidi ahụ, ihe ndị ahụ bụkwa nka
- PLATFORM — Ụlọ ihe ngosi White Cube dị n'okpuru ìhè
- Assembly Coffee London — Kol n'ime ebe a na-esi nri gbara ọchịchịrị. Kansụl fọrọ nke nta ka ọ bụrụ oji nwere foto ngwaahịa na-ekpo ọkụ ma na-enwu gbaa na mkpụrụedemede serif e ji aka dee—mmetụta nke nri kọfị pụrụ iche e biri n'ime otu abalị.
- ARTWORLD — Isi akụkọ magazin ejiji gbasara ákwà ọcha
- Structured — Ụlọ ngosi Renaissance dị na akwụkwọ dị ka plastik
- Airbnb — Mgbidi ụlọ ngosi ihe ngosi ọcha dị jụụ nwere otu akara ngosi uhie coral
- VISIONNAIRE — Ụlọ ngosi ihe nkiri uwe okporo ámá dị n'azụ ọcha dị nkọ. Akara a na-akpa àgwà dị ka akwụkwọ e biri ebi: ákwà ọcha dị larịị, ink ojii dị nkọ, na otu panel ude ọkụ nke ejiri dị ka blọk agba iji gosipụta ngwaahịa ma ọ bụ akara ngosi.
- Letter — Ụlọ ngosi ihe ngosi nkeonwe nke nwere ihe ochie na-egbuke egbuke site na ebe a na-edebe ihe. Ebe ngosi ihe ngosi nke nwere mgbidi ojii ebe isi akụkọ serifed na-ese n'elu ihe oyiyi chrome n'elu mgbidi agba nke ụlọ ngosi ihe ngosi ahụ.
- Ramp — Ngalaba ego nchịkọta akụkọ, peeji ojii na ọcha nwere otu ihe nrịbama neon. Elu akwụkwọ ahụ fọrọ nke nta ka ọ bụrụ otu ihe nnọchianya, ebe otu ihe na-egbuke egbuke na-agbanwe mmekọrịta ọ bụla ka ọ bụrụ ihe ngosi ego.