Peak Design
Darbiga gallery-ga, oo qayb ahaan iftiimay
Naqshadeynta Peak waa waayo-aragnimo ganacsi oo tayo sare leh: shiraac ku dhawaad mid-chrome ah halkaas oo sawir-gacmeedka tifaftirka iyo sawir-qaadista badeecaddu ay qabtaan shaqada oo dhan. Nidaamku wuxuu beddelaa dusha cad ee qallafsan oo leh guddiyo qoto dheer, oo u dhow madow, isagoo abuuraya qaabab kala qaybsan oo cajiib ah halkaas oo cinwaan serif ah oo ku jira qaab farta lagu fiiqo la dhigo dhinac iyo sawir shaashad buuxda ah ama qaab nololeed oo dhinaca kale ah. Nooca daabacadu waa codka ugu muhiimsan ee summada: qaab serif dheer, isku dhafan, oo qurxin leh (qaabka Soo-bandhigidda) cinwaanada, oo lagu lammaaneeyay qaab dhismeedka dhexdhexaadka ah (Geist) ee is-dhexgalka isticmaalaha, iyo qaab sans-serif ah oo isku dhafan (bryant) oo loogu talagalay xarfaha, sunnayaasha, iyo badhamada. Is-dhexgalka ayaa weli nadiif ah: ma jiraan walxo UI ah oo isku dhafan, ma jiraan noocyo qurxin ah, ma jiraan hoos - kaliya xuduudo yaryar, laba radii gees ah (4 iyo 8), iyo hal lahjad casaan ah oo loo isticmaalo marmar si loo xoojiyo. Qaybuhu waxay u muuqdaan kuwo ka feker badan qurxinta: kala-qaybiyeyaasha khafiifka ah, kaararka alaabta fidsan, shaandheeyayaasha qaabka kiniiniga, iyo badhamada aan la arki karin ee dareemaya sida qoraallada dhismaha.
Qaybaha bogga ee ballaciisu buuxo waxay isku beddelaan caddaan iyo madow u dhow; qayb kastaa waxay ku fadhidaa ballaca aragtida oo dhan, iyada oo aan lahayn xadka ugu badan ee ballaca heerka qaybta. Waxyaabaha ku jira qaybaha waxay leeyihiin ballaca ugu badan ee ~1440px waxayna ku dhex jiraan. Qaabka madaxa ee ugu badan waa kala qaybsanaan 50/50 ah: baloog qoraal ah (baloog + cinwaan + qoraal hoose + badhamo) dhinac, iyo sawir badeecad ama qaab nololeed oo dhan ah dhinaca kale. Hoosta laabka, shabagga badeecaddu wuxuu isticmaalaa afar tiir oo kaararka badeecadaha oo siman oo leh biyo-mareenno ballaaran oo ah 24-32px. Guddiyada shaandhaynta qaybta waxaa si toos ah loogu meeleeyay hooska marin-haweedka ugu weyn ee safka toosan ee "kiniiniyada." Laxanka qaybaha waxaa lagu qeexaa iyadoo la beddelayo xariijimo iftiin/madow ah oo leh 80px oo toosan oo u dhexeeya qaybaha, iyadoo la abuurayo laxan joornaal tifaftire ah. Navigation-ku waa baar sare oo go'an oo leh xariijin xayeysiis oo khafiif ah oo ka sarreeya.
Luqadda muuqaalka waxaa ku badan sawir-qaadista alaabta: bacaha, suunka, iyo qalabka kamaradaha waxaa lagu sawiraa asal cad oo saafi ah, iyada oo aan lahayn macnaha nolosha maalinlaha ah, iyadoo nalalka ay muujinayaan qaab-dhismeedka agabka iyo faahfaahinta qalabka. Sawirrada maalinlaha ah waxay ka muuqdaan oo keliya qaybaha tifaftirka shaashadda oo dhan (tusaale ahaan, gacmo ku haya kamaradaha goobo) waxayna ku jiraan ballaca oo dhan ee muuqaalka hal dhinac oo ka mid ah guddiga kala qaybsan. Sawirradu ma laha radius gees ah oo ku yaal sawirka ugu weyn (waxay la jaan qaadayaan geesaha), mana jiraan radius gees ah oo ku jira sawirka kaarka. Ma jiraan sawirro, sawirro aan la taaban karin, sawirro astaamo ah oo aan ahayn astaamaha UI ee shaqeynaya. Badeecadu WAA diiradda la saarayo—sawirro tayo leh oo istuudiyaha ah, oo leh xaglo isku mid ah, iftiin joogto ah, iyo asal cad oo joogto ah—halka UI-gu uu ku libdho asalka, taasoo u oggolaanaysa walxaha inay iyagu hadlaan.
Paleetka
Dhexdhexaad
- Carbon Ink
#1a211e— Qoraalka jirka, dhinacyada mugdiga ah, qoraalka jirka, astaamaha, qaababka dusha sare ee iftiinka leh - midab ku dhow madow oo u adeega saldhigga cinwaan kasta oo sameeya muraayadaha asalka madow ee qaybaha kala qaybsan. - Paper White
#ffffff— Dusha sare ee taageerta iftiinka si loo abuuro asal aan muuqan iyo qaybo kala soocid. Waa in aan loo isticmaalin midabka ugu muhiimsan ee wicitaanka ficilka. - True Black
#000000— Walxaha leh isbarbardhigga ugu badan - buuxinta cinwaanka ee asalka cad, baarka ogeysiiska, naqshadeynta cagta, iyo dulmarro astaan adag - ayaa la dhigaa meesha naqshaduhu u baahan yahay khadadka ugu cad. - Obsidian
#0c0c0c— Dusha sare ee guddiga iyo dusha sare ee sawirrada - wax yar ka jilicsan madowga dhabta ah, oo loo isticmaalo meelaha mugdiga ah ee qaada dusha sare ee shaashadda oo dhan waana inay dareemaan mid adag laakiin aan qallafsanayn sida madow siman. - Fog
#eef1f0— Dusha sare ee taageerta iftiinka si loo abuuro asal aan muuqan iyo qaybo kala soocid. Waa in aan loo isticmaalin midabka ugu muhiimsan ee wicitaanka ficilka. - Mist
#e0e0e0— Qaybinta khadadka, xaaladaha naafada ah, kala-qaybiyayaasha qaab-dhismeedka ee khafiifka ah - midab cawlan oo dhexdhexaad ah oo qeexaya xuduudaha u dhexeeya qaybaha ku yaal shiraac cad.
Nooca qoraalka
laga bilaabo 14 ilaa 80px · 6 tallaabo
- Geist — beddelka: Inter · dulmar guud 400, 600, 700 · Qoraalka ugu muhiimsan, cinwaanada alaabta, sharraxaadda, meelaha foomka, qoraalka isku xirka, iyo nuxurka hoose. Miisaanka farta: 400 qoraalka ugu muhiimsan, 600 ee iftiiminta, iyo 700 ee cinwaanada alaabta iyo qoraallada muhiimka ah ee khadka. Farta dhexdhexaadka ah ee Grotesque waxay u oggolaanaysaa in farta Display Serif iyo Condensed Sans ay ka turjumaan qaabka astaanta, halka Geist ay bixiso shaqo iyo akhrin.
- Exposure-style serif (Exposure-10) — beddelka: Playfair Display · dulmar guud 400 · Cinwaanada iyo cinwaanada ugu muhiimsan. Hal miisaan (400) oo ku jira farta serif ee farta italic-ga ah ayaa abuurta awood tifaftire - ereyadani waxay dejiyaan qaabka summada, iyadoo si yar loogu isticmaalo guddiyada mugdiga ah ee ku fidsan ballaca bogga oo dhan iyo bilowga qaybaha muhiimka ah. Kala fogaanshaha xarfaha adag (-0.025em) wuxuu u oggolaanayaa xarfaha waaweyn inay u muuqdaan kuwo xaddidan halkii ay ka ahaan lahaayeen kuwo fudud.
- Bryant-style condensed sans (bryant) — beddelka: Druk Wide · dulmar guud 700 · Calaamadaha hagitaanka, badhamada shaandhaynta qaybta, qoraalka badhanka, "sunnayaasha," calaamadaha qaybta, iyo cinwaanno dheeraad ah. Xarfaha waaweyn ee la cadaadiyay oo leh meel bannaan oo xuruuf togan ah waxay abuuraan qaab warshadeed, oo u eg calaamad - ereyadani waxay aqoonsadaan oo baraan, laakiin waligood ma sharxaan.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 24px |
| Gacanka badhanka | 4px |
| Gacanka kaarka | 8px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 80px |
| Ballaca bogga | 1440px |
AI waxay website-kaaga ku dhisi doontaa qaabka Peak Design oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Arsenijs Fabrica — Quruxda asalka ah ee qoraalka tifaftirka ayaa lagu muujiyay nalalka gallery-ga. Darbiyada cad ee qurxoon ee gallery-ga, iftiin diirran oo casaan ah oo ka soo horjeeda asalka monochrome, nooca khafiifka ah ee galaaska, iyo meel bannaan oo cad oo badan.
- 21 TSI — Madhan casaan ah, qaab-dhismeed hal-muuqaal ah - tifaftire moodada sare leh halkaas oo interface-ka isticmaaluhu uu ku milmo jawiga
- Aevi Wellness — Qaabka Scandinavian-ka ee udgoonka, oo aan miisaan lahayn. Lahjad cawlan-buluug ah oo aamusan ayaa jebisa qaab-dhismeedka guud ee aan lahayn qaab-dhismeedka, hawo-la'aanta ee agabka tifaftirka, halkaas oo sawirrada badeecadaha lagu dul dhejiyay kaarar khafiif ah oo xuduud leh oo ka soo horjeeda asal cad oo diiran.
- Palmer — Sawir dhoobo ah oo ku yaal iftiinka qorraxda - isdhexgalka wuxuu ka dhacaa derbiga, walxahana waa farshaxan
- PLATFORM — Gallery-ga Cad ee Cube ayaa iftiiminaya
- Assembly Coffee London — Dhuxul lagu dubay meel mugdi ah. Shiraac madow oo ku dhow oo leh sawirro diirran oo iftiin yar leh iyo xarfo serif ah oo qaloocan - dareenka liiska cuntada qaxwada gaarka ah ee lagu daabacay saqda dhexe.
- ARTWORLD — Cinwaanka joornaalka moodada ee dharka cad
- Structured — Gallery Renaissance oo ku yaal warqad u eg balaastiig
- Airbnb — Derbi sawireed oo cad oo deggan oo leh hal calaamad oo casaan shacaab ah
- VISIONNAIRE — Sawir tifaftire ah oo ku yaal sawir cad oo dhalaalaya. Summaddu waxay u dhaqantaa sida buug daabacan: shiraac cad oo fidsan, khad madow oo qallafsan, iyo hal guddi kareem diirran oo loo isticmaalo baloog midab leh si loo soo bandhigo badeecad ama astaan.
- Letter — Matxaf gaar ah oo muujinaya farshaxanno dhalaalaya oo laga soo qaaday kaydinta. Meel bandhig ah oo derbi madow leh oo cinwaanno sir ah ay ka dul sabbeeyaan farshaxanka chrome-ka ee ku yaal darbiyada midabaysan ee gallery-ga.
- Ramp — Waaxda maaliyadda tifaftirka, bogagga madow iyo caddaanka ah oo leh hal calaamadeeye neon ah. Dusha sare ee daabacaadda oo ah mid isku mid ah, halkaas oo hal istaroog oo dhalaalaya oo cagaar-liin leh uu isbeddel kasta u beddelo calaamad lacageed.