Apple
Ystafell wen gydag un switsh glas
Mae dyluniad Apple yn fodel o gyfyngder: cynfas bron yn wyn, digon o le gwyn, ac acen las fywiog sengl sy'n gwneud i bob gweithred deimlo'n fwriadol. Y prif ffocws yw teipograffeg—SF Pro, gyda bylchau llythrennau negyddol sy'n lleihau wrth i faint gynyddu, gan roi eglurder pensaernïol i benawdau heb fod yn rhy drwm. Y cynnyrch YW'R dyluniad: mae lluniau cynnyrch mawr a delweddau ffordd o fyw yn dominyddu, tra bod elfennau crôm yn cilio i fframiau tenau, llywio tryloyw, a llinellau cynnil. Mae adrannau'n newid yn erbyn cefndir llwyd golau gyda blociau lliw llawn ar gyfer deunyddiau hyrwyddo, gan greu rhythm trwy newidiadau mewn graddfa yn hytrach nag elfennau addurniadol.
Mae cynllun y dudalen yn dudalen lled llawn heb unrhyw led cynhwysydd mwyaf penodol—mae adrannau'n ymestyn o ymyl i ymyl, gyda blociau testun wedi'u canoli o fewn tua 980px. Mae'r llywio yn far byd-eang sengl, sefydlog gydag is-ffolder ychwanegol ar gyfer pob cynnyrch sy'n ymddangos ar sgrolio. Mae'r prif gynllun bob amser wedi'i ganoli: enw cynnyrch mawr, slogan un llinell, dau fotwm bilsen, yna delwedd cynnyrch sy'n llenwi'r porth gwylio sy'n weddill. Mae adrannau wedi'u pentyrru'n fertigol gyda rhythm fertigol hael (64px+ rhwng adrannau), gan newid #f5f5f7 a chefndiroedd lliw. Mae'r dudalen waelod yn rhes lorweddol sengl o gardiau gwasanaeth lled llawn (Apple TV+, Fitness+, Music, Arcade), pob un yn floc llun gyda thestun gorchudd a botwm bilsen. Dim bariau ochr, dim cynlluniau cynnwys aml-golofn, dim cyfansoddiadau anghymesur—mae popeth wedi'i ganoli, wedi'i bentyrru, ac yn gymesur.
Ffotograffiaeth yw'r iaith weledol ddominyddol. Tynnir lluniau cynnyrch yn erbyn cefndir gwyn pur neu lwyd meddal, heb unrhyw gyd-destun—y ddyfais YW'r seren, wedi'i hynysu a'i goleuo. Arddangosir lluniau ffordd o fyw mewn baneri lled llawn, yn aml gyda gwrthrychau wedi'u cnydio'n dynn. Mae graddiannau lliw (glas pastel, pinc, gwyrdd) yn gwasanaethu fel cefndir ar gyfer adrannau'r cynnyrch, nid fel addurn. Mae'r eiconograffeg yn finimalaidd ac yn seiliedig ar linellau, 1-2px o drwch, yn yr un raddfa lwyd â'r testun. Dim darluniau, dim graffeg haniaethol, dim rendradau 3D, ac eithrio lluniau'r cynnyrch eu hunain.
Palet
Brand
- Apple Blue
#0071e3— Botymau gweithredu wedi'u llenwi, cyflyrau dethol - yr unig liw cromatig rhyngweithiol a ddefnyddir yn gynnil i wneud pob ymddangosiad yn ystyrlon. - Link Blue
#0066cc— Ffiniau gweithredu wedi'u hamlygu, dolenni wedi'u hymgorffori - defnyddir lliw mwy dirlawn na Glas Afal lle byddai tabled wedi'i llenwi yn rhy fflachlyd. - Signal Blue
#2997ff— Fframiau addurniadol, amlinelliadau delweddau, ffiniau eiconau - y lliw glas ysgafnaf yn y system, a ddefnyddir ar gyfer awyrgylch yn hytrach nag ar gyfer rhyngweithio â defnyddwyr.
Niwtral
- Carbon
#1d1d1f— Y prif destun, ffiniau'r pennawd, y llinellau llywio, ffiniau'r cardiau - mae lliw'r inc amlycaf bron yn ddu gydag awgrym bach o gynhesrwydd. - Frost
#f5f5f7— Mae cynfas y dudalen, cefndir y prif destun, ac arwyneb y droedyn yn llwyd golau nodweddiadol Apple, ychydig yn oerach na gwyn pur. - Ice
#f4f8fb— Llenwadau arwyneb mynegiannol, arlliwiau cynnil, testun botwm ar gefndir tywyll—arlliw glas cynnil sy'n bywiogi'r adran heb ei gwneud yn sefyll allan. - Smoke
#333333— Testun eilaidd, llenwi llywio, ffiniau botwm - Lliw niwtral amlbwrpas ar gyfer ffiniau ac eiconau sydd angen mwy o gryfder na llwyd canolig. - Graphite
#474747— Testun llywio, ffiniau llywio, ffiniau cyswllt - yn meddiannu safle canolradd rhwng Carbon a Mwg yn hierarchaeth yr elfennau. - Ash
#707070— Testun troedyn, ffiniau rhestr, ffiniau llywio, testun corff tawel - Llwyd canolig ar gyfer cynnwys sydd angen bod yn bresennol ond nid yn amlwg.
Teipograffeg
o 12 i 56px · 8 cam
- SF Pro Display — amnewid: Inter · amlinelliadau 400, 600, 700 · Penawdau a thestun mawr—mae meintiau 40px+ yn defnyddio fformat arddangos ar gyfer agorfa gulach ac olrhain negyddol cryfach; mae 700 wedi'i gadw ar gyfer cynlluniau hysbysebu, a 400 ar gyfer enwau cynhyrchion mewn cynnwys golygyddol.
- SF Pro Text — amnewid: Inter · amlinelliadau 300, 400, 600 · Testun corff, llywio, botymau, is-benawdau — ffont gweithio; 400 ar gyfer testun corff, 300 ar gyfer is-benawdau a labeli cymwys, 600 ar gyfer elfennau llywio a thestun botwm; mae bylchau llythrennau negyddol yn lleihau'n gymesur â'r maint (o -0.022em i 12px i -0.01em i 44px).
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 12px |
| Radiws botwm | 980px |
| Radiws y cerdyn | 8px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 64px |
| Lled y dudalen | 1440px |
Bydd AI yn adeiladu eich gwefan yn null Apple ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Ui — cynllun clinigol ar bapur matte
- ElevenLabs — Traethawd llun mewn arlliwiau hufen cynnes gyda phenawdau cynnil. Llyfr nodiadau arddull Bauhaus—papur lliw plisgyn wy, inc du, ac acen borffor ac oren sengl ar gyfer arddangos cynnyrch.
- monopo saigon — Llewyrch hylifol, iridescent y tu ôl i'r distawrwydd golygyddol—oriel olygyddol monocrom yn arnofio ar olau tawdd
- Awesomic — Rhwyll sinc olygyddol gyda marciau atalnodi oren yn atgoffa rhywun o gonffeti
- Monad — cyfnodolyn technegol golygyddol ar femrwn cynnes
- Dub — Panel rheoli papur reis matte Link
- Seline Analytics — Tabl dadansoddol tawel ar bapur cynnes
- Ventriloc — Arsyllfa olygyddol o ddata ar bapur cynnes - un marwor oren yn tynnu sylw at y cywirdeb monocrom
- Duolingo — Masgot dosbarth chwareus ar bapur gwyn
- Stripe — Llyfr cyfrifon wedi'i ysgrifennu mewn inc indigo ar wydr barugog
- Notion — Llyfr nodiadau papur cynnes yn haul canol dydd
- Hyer Aviation — Cyfnos yn y talwrn dros femrwn. Mae awyr welw'r wawr yn cwrdd â logo serif maint ffiwslawdd, ac mae un acen glai gynnes yn torri'r cyfyngiad monocrom.