Portofoliu adaptiv. Freelancer Pavel Grishaev HTML layout compvit - Portofoliu - Layout HTML, CSS, JavaScript - layout, html, html5, css, javascript, jquery, adaptive, responsive, responsive, layout designer

Designul web în stil Apple s-a dezvoltat și a evoluat de-a lungul anilor din 1996. După cum sugerează și numele, ideea de design aparține Apple Corporation: site-ul web și interfețele produsului au fost concepute în acest stil. Designul site-ului web în stil Apple a câștigat o mare popularitate datorită minimalismului său și concentrând atenția utilizatorului asupra unui anumit produs.

Caracteristici caracteristice ale designului site-ului web în stil Apple

  1. Ierarhie strictă în compoziția elementelor. Prioritatea principală este imaginea produsului. Fotografia este de înaltă calitate, clară, mare, plasată în centrul paginii și înconjurată de spațiu alb. În cele mai bune tradiții ale minimalismului.
  2. Paleta de culori constă de obicei din trei nuanțe: negru, alb, gri. În același timp, spre deosebire de stilul plat, degradeurile, umbrele și metodele de transmitere a volumului sunt utilizate pe scară largă.
  3. Fonturi caracteristice. Titlurile sunt stilate de Adobe Myriad, textul obișnuit este stilizat de Lucida Grande.
  4. Conţinut. Pagina principală a site-ului conține un minim de informații. O descriere detaliată este furnizată pe pagini separate. Nu există efect de suprasaturare. Utilizatorul însuși selectează informațiile care îl interesează.
  5. Caracteristici tehnice. Designul Apple este axat pe formatul HTML 5, folosind standarde moderne de design. Site-ul oficial Apple practic nu folosește Flash.

Pentru ce site-uri este potrivit?

în stil Apple - o modalitate ideală de a prezenta un produs sau serviciu. Acest stil este adesea folosit atunci când se proiectează magazine online și site-uri promoționale dedicate oricărui tip de produs: de la cursuri de formare până la vânzări imobiliare. Iată cum arată un design în stil Apple pentru site-urile web cu software:
    • Jumsoft http://www.jumsoft.com/money/
    • Versionsapp https://versionsapp.com/
Pentru proiectarea acestor site-uri, sunt folosite culorile caracteristice ale stilului - gri, negru, alb. Datorită acestui fapt, meniul de navigare este aproape invizibil. Se atrage atenția utilizatorului asupra produsului prezentat cu o imagine strălucitoare, colorată. Folosind contraste, butoanele pentru descărcare și cumpărare sunt evidențiate. Conținutul este prezentat pe scurt, structurat, însoțit de icoane și imagini. Designul este voluminos, există efecte de oglindă și umbre. Stilul Apple nu este potrivit pentru portaluri de informații, bloguri, portofolii sau site-uri dedicate creativității.

Mulți clienți, atunci când își descriu dorințele pentru viitorul site web, se exprimă succint: „Vrem ceva în stilul Apple!” În opinia lor, un astfel de răspuns ar trebui să ofere interpretului informații complete, să pună imediat toate i-urile și să elimine orice ambiguitate. Dar în realitate, desigur, totul este mai complicat. La urma urmei, orice poate impresiona o persoană în stilul Apple - prezentarea unei noi tablete, o simplă cutie de iPhone albă sau site-ul Apple în sine. Și cel mai ofensator este că, foarte probabil, atunci când spune „fă-l în stilul Apple”, clientul însuși pur și simplu nu știe ce înseamnă asta cu adevărat. Dar nefericitul interpret, care, poate, pur și simplu nu are idee ce se așteaptă până la urmă de la el?

Să încercăm să ne dăm seama!

Principiul Apple

Abordarea Apple se bazează pe un principiu foarte simplu - nu puteți face un produs cu adevărat de înaltă calitate fără să vă ocupați de toate domeniile de lucru. Totul trebuie făcut la cel mai înalt nivel. Când lansați un telefon nou, nu vă puteți aștepta la o calitate fenomenală a ecranului și la un preț mic dacă există crăpături în corpul său stângaci și sloganul publicitar de pe un panou uriaș este scris greșit.

„Ei bine, am economisit pe copywriting - nu vindem texte, ci un telefon”, vor crede majoritatea.

Dar asta este ideea! Din punctul de vedere al Apple, experiența de a deține produsele lor începe chiar înainte de a vă plăti banii câștigați cu greu pentru orice iPod și, prin urmare, nu există elemente nesemnificative în acest lanț. Aceasta nu este doar tehnologie, nu numai ambalaj, ci și publicitate, și o vitrină, și un site web și texte de pe site. Nu există elemente minore aici. Și „ambalajul în sine poate spune o întreagă poveste”. În consecință, primul lucru care merită înțeles despre „stilul Apple” este atenția scrupuloasă acordată tuturor domeniilor de lucru.

A doua caracteristică importantă a produselor Apple este simplitatea lor elegantă. Joacă un rol foarte important la Apple.

„De ce credem că simplitatea este bună? Pentru că atunci când avem de-a face cu obiecte, este important pentru noi să simțim că deținem controlul asupra lor.”

Ei bine, a treia caracteristică critică sunt detaliile. Toate acele lucruri mici pe care nu le observi, dar care creează acel confort de zi cu zi al utilizării produselor Apple - animații de tranziție, sunete, clicul pe care îl auzi la reglarea volumului, senzația de netezime cu care defilezi prin pagină și multe, mult mai mult.

Dar tot ceea ce am descris până acum a vizat produsul. Și în exemplul nostru inițial vorbeam despre crearea unui site web. Cum să aplici aceste abordări în design web? Pentru a răspunde la această întrebare, să aruncăm o privire pe site-ul Apple și să încercăm să înțelegem ce dispozitive stilistice sunt folosite pe acesta.

Abordari

Fotografii și ilustrații

Primul lucru care vă atrage atenția când vizitați site-ul Apple sunt fotografiile de înaltă calitate a produselor. Adevărul să fie spus, cred că aceste fotografii fac jumătate din munca de a evoca un „Wow!” de la vizitator. Toate sunt mari, luminoase, realizate în același stil și vă permit să vedeți toate detaliile.

Aceeași magie a fotografiilor. Potrivit unora, este „un bloc obișnuit cu colțuri rotunjite”, dar în astfel de fotografii evocă admirație.

Aeritate și puritate

Următorul nostru punct va fi aerisirea - toate elementele de pe pagină sunt foarte confortabile și libere, fundalul alb al zonei de conținut dă o senzație de ușurință. Și pentru a evita impresia că întreaga pagină se destramă, aceasta este adunată de un fundal gri deschis cu un cadru deschis.

Fonturi

Site-ul web Apple folosește doar două fonturi Adobe Myriad pentru titluri și fontul standard MacOS X, Lucida Grande. Ambele fonturi sunt fonturi sans serif stricte și moderne, care acceptă doar stilul minimalist general. De obicei, dorința de înaltă calitate este prezentă și aici - datorită dorinței ca titlurile mari de pe site să arate frumos garantat în orice condiții, Apple folosește mai degrabă imagini decât text pentru inscripții.

De asemenea, Apple îi datorează lui Steve Jobs atitudinea reverentă față de fonturi - după ce a părăsit facultatea, a urmat diverse cursuri, inclusiv un curs de prelegeri despre caligrafie.

Colturi rotunjite

Tot pe site sunt celebrele (unde am fi noi fără ele!) colțuri rotunjite. Sunt literalmente peste tot! Sincer să fiu, uneori se pare că iPhone-ul a fost inventat doar pentru a continua tradiția folosirii colțurilor rotunjite.

Colțurile rotunjite sunt peste tot - în corpul telefonului, pictogramele aplicațiilor și chiar pe butonul „Acasă”.

Efecte

Următorul articol este și faimoasele efecte de strălucire și gradient Aqua. Recent, numărul lor pe site a scăzut considerabil. Ele sunt adesea folosite pentru a sublinia un anumit element.

Meniul principal pe site-ul Apple. Un tribut adus celebrului stil Aqua - după demisia lui Scott Forstall, minimalismul este din ce în ce mai dominat de skeomorfism și efecte de caramel.

Conţinut

Apple a acordat nu mai puțină atenție conținutului site-ului, textului și prezentării acestuia. O caracteristică interesantă este absența secțiunii foarte îndrăgite „Despre companie”, deoarece principalul lucru de pe acest site sunt produsele.

Efecte moderne

Din ce în ce mai mult, site-urile web încep să folosească animații sau alte efecte similare - adaugă dinamică, arată avantaje într-o lumină nouă sau ajută la înțelegerea principiului de funcționare a unor detalii.

Și e tot?

Evident, această abordare nu poate fi folosită fără discernământ pentru toate site-urile. Aparține site-urilor de prezentare sau promoționale. Și cel mai important, nu poți repeta un stil bazat doar pe indicii vizuale. Un site web este un produs holistic, finit, fiecare etapă a creării lui trebuie realizată la un nivel înalt, cu dragoste și idei.

Dezvoltarea insuficientă doar a uneia dintre etape va distruge instantaneu magia fragilă a „stilului Apple”.

Folosirea tehnicilor descrise mai sus vă va ajuta să creați un design frumos, îngrijit și modern, dar nu vă va elibera de etapele rămase ale creației - scrierea de texte competente și utilizarea lor în cantitățile potrivite, crearea de prezentări video și fotografii de înaltă calitate.

  • Serghei Savenkov

    un fel de recenzie „scurtă”... de parcă s-ar grăbi undeva