Yablokovskiy dizajn uvijek je bio vrlo popularan među mojim klijentima. Kada je riječ o dizajnu, često mi kažu "trebam jednostavan dizajn sa svijetlo sivom pozadinom" i upotrijebim apple.com kao primjer.
Ako malo pregledate njihovu stranicu, pronaći ćete stvarno lijepe plave gumbe. Tamo se izrađuju u obliku, pa ako želite iste na svojoj stranici, morat ćete koristiti Photoshop.
Pa postavljam gumbe u čistom CSS-u:
Jabuka-gumb (kursor: pokazivač; ispuna: 3px 10px; tekst-ukras: ništa; boja: #F F F; veličina fonta : 13px; tekst-sjena : 0 -1px 1px rgba(0 , 0 , 0 , .3) ; pozadinska slika :-webkit-linearni-gradijent(#52A8E8, #377AD0#377AD0, #52A8E8 ); pozadinska slika : -o-linearni gradijent (rgb (82 , 168 , 232 ) , rgb (55 , 122 , 208 ) ) ; boja pozadine : #52A8E8 ; -moz-border-radius : 23px; -webkit-border-radius : 23px; radijus granice : 23px; obrub: 1px pun #205 59A; box-shadow : 0 1px 2px rgba(0 , 0 , 0 , .5) , umetnuto 0 1px 0 rgba(255 , 255 , 255 , .3) ; ) .apple-button :hover , .apple-button :focus ( background-image :-webkit-linear-gradient(#54A1D8 , #196 7CA) ; pozadinska slika:-moz-linearni-gradijent(0 % 100 % 90 stupnjeva, #196 7CA, #54A1D8 ); pozadinska slika : -o-linearni gradijent (rgb (84 , 161 , 216 ) , rgb (25 , 103 , 202 ) ) ; boja pozadine : #52A8E8 ; box-shadow: 0 1px 0 rgba(255 , 255 , 255 , .6) , umetnuto 0 1px 0 rgba(255 , 255 , 255 , .3) ; ) .apple-button :active ( background-color : #2D7CD1 ; box-shadow : 0 1px 1px rgba(255 , 255 , 255 , .5) , umetnuto 0 2px 5px rgba(0 , 0 , 100 , .5) ; )
Demo:živi primjer (pokušajte prijeći iznad njega i kliknuti)
Nekoliko riječi o kompatibilnosti s više preglednika. Pošto smo koristili svojstvo CSS gradijent, tada može biti nekih problema s prikazom u starijim verzijama Preglednik Opera, Dobro sjena kutije- ovo je css svojstvo 3.
Misha
Posljednjih godina dugo nisam znao što da radim sa web mjestom, jer praktički ne donosi nikakvu zaradu, ali nedavno sam shvatio da je moja misija promovirati širenje WordPressa. Uostalom, WordPress je najbolji motor za razvoj web stranica - kako za one koji su spremni koristiti ugrađenu strukturu ovog CMS-a, tako i za one koji preferiraju bezglava rješenja.
I sam sam se s WordPressom prvi put susreo 2009. godine. organizator . Učitelj u Epic Skills i LoftSchool.
Ako vam je potrebna pomoć s vašom web stranicom ili možda čak razvoj od nule uz WordPress / WooCommerce - . Moj tim i ja učinit ćemo sve za vas na najboljoj razini.
Web dizajn u stilu Applea razvijao se tijekom godina od 1996. Kao što naziv implicira, ideja dizajna pripada Apple Corporation: web mjesto i sučelja proizvoda dizajnirani su u ovom stilu. Dizajn web stranice u stilu Applea stekao je veliku popularnost zbog svog minimalizma i usmjerenosti korisnika na određeni proizvod.
Karakteristične značajke dizajna stranice u stilu Applea
- Stroga hijerarhija u sastavu elemenata. Glavni prioritet je imidž proizvoda. Fotografija Visoka kvaliteta, jasno, veliko, postavljeno u središte stranice i okruženo bijelim prostorom. U najboljim tradicijama minimalizma.
- Paleta boja, u pravilu, sastoji se od tri nijanse: crne, bijele, sive. Istodobno, za razliku od ravnog stila, naširoko se koriste gradijenti, sjene i načini prenošenja volumena.
- karakteristični fontovi. Naslove je dizajnirao Adobe Myriad, čisti tekst— Lucida Grande.
- Sadržaj. Na početna stranica stranica - minimum informacija. Detaljan opis podnesen na pojedinačne stranice. Nema efekta prezasićenosti. Korisnik sam bira informacije koje ga zanimaju.
- Tehničke značajke. Apple dizajn fokusiran je na HTML 5 format, korištenje modernih standarda u dizajnu. Na službenoj Appleovoj web stranici Flash se u osnovi ne koristi.
Za koje su stranice prikladne?
u stilu Applea savršen je način za predstavljanje proizvoda ili usluge. Ovaj se stil često koristi u dizajnu internetskih trgovina, promotivnih stranica posvećenih bilo kojoj vrsti proizvoda: od tečajeva do prodaje nekretnina. Ovako izgleda dizajn u stilu Applea za softverske stranice:- Jumsoft http://www.jumsoft.com/money/
- Versionsapp https://versionsapp.com/
Nekada davno, Apple je bio poznat po svojoj sposobnosti da razvije jednostavne i lako razumljive proizvode. Zagovarala je grafičko sučelje unutar kojeg korisnici mogu intuitivno razumjeti koje su im radnje dostupne i kako ih mogu odabrati. Nakon što su izvršili ovu ili onu operaciju, ljudi su uvijek dobivali razumljive povratne informacije i imali su priliku otkazati sve ako rezultat nije ispunio njihova očekivanja.
Ali svemu tome je došao kraj. Unatoč činjenici da Appleovi proizvodi sada izgledaju još privlačnije, ova vanjska ljepota ima svoju cijenu. Nestala su temeljna načela dobrog dizajna: razumljivost, povratna informacija, oporavak i više.
U svojoj potrazi za vizualnim savršenstvom, Appleov tim stvorio je fontove tako male i tanke (u kombinaciji s niskim kontrastom) da ih čak ni ljudi s normalnim vidom nisu mogli pročitati. Stvorili su hrpu nejasnih gesti kojih se čak ni sami programeri ne mogu sjetiti, i puno sjajnih značajki za koje većina nas ne zna da postoje.
Proizvodi, posebno oni izgrađeni na temeljeno na iOS-u- Apple operativni sustav za Mobilni uredaji, više ne slijede dobro poznate i uvriježene principe dizajna razvijene prije desetljeća. Ovi principi, utemeljeni i na eksperimentalnoj znanosti i na zdravom razumu, otkrili su snagu računalna tehnologija nekoliko generacija i stvorio izvrsnu reputaciju za Apple proizvode zbog svoje jasnoće i jednostavnosti korištenja.
Nažalost, sada Apple postupno napušta te ideje. Njihovi vodiči za dizajn za iOS i Mac OS X još uvijek uključuju ove koncepte, ali interno se mnogi od njih uopće ne prakticiraju. Apple je skrenuo s puta i sada, fokusirajući se na stil i izgled, djeluju nauštrb vrijednosti koje su im nekada bile glavni adut u borbi s konkurencijom.
Apple uništava dizajn.Štoviše, oni svojim djelovanjem ponovno tjeraju ljude da vjeruju da se dobar dizajn oslanja samo na lijep omot. Ali nije tako! Dizajn je način razmišljanja: prvo identificirate temeljne potrebe svoje publike, a zatim ih zadovoljavate proizvodima i uslugama. Ova disciplina zahtijeva od programera razumijevanje ljudi, tehnologije, društva i poslovanja.
Stvaranje prekrasnih objekata samo je mali dio modernog dizajna: danas stručnjaci iz ove industrije rade na problemima poput projektiranja gradova, prometnih sustava ili medicinskih ustanova. Ipak, Apple nastavlja jačati staru, zastarjelu ideju da je jedini posao dizajnera učiniti stvari lijepima, čak i ako to šteti funkcionalnosti, jasnoći i jednostavnosti korištenja sučelja.
Apple, uvijek ste bili lideri. Zašto se sada ponašaš tako egocentrično? Ali još važnije, zašto Google slijedi sve vaše najgore primjere?
Da, Apple je nekada bio poznat po jednostavnosti interakcije, računalima i aplikacijama koje je bilo lako razumjeti, imale su impresivne značajke i mogle su se koristiti bez ikakvih uputa. Sve operacije bile su lako detektirane, sve radnje su se mogle poništiti i ispraviti, a sustav vam je davao detaljne povratne informacije tako da uvijek razumijete što ste učinili. Korisnici su oduševljeni mogućnostima svojih Apple uređaja, a Appleove smjernice i principi dizajna bili su snažni, popularni i utjecajni.
Međutim, kada je tvrtka prešla na sučelja gestama s pojavom prvi iPhone i tablete, njegovo je vodstvo namjerno napustilo mnoga ključna načela koja su se prije pridržavala. Nema više dokaza o djelovanju - ostali su nam samo jadni fragmenti Povratne informacije. Zašto? Apple je poduzeo radikalan korak prema vizualnoj jednostavnosti i eleganciji i time zadao ozbiljan udarac sposobnosti učenja, upotrebljivosti i produktivnosti svojih rješenja.
Počeli su implementirati sustave dostave koje su korisnici imali poteškoća s korištenjem i učenjem o njima, ali su se izvukli s tim jer ljudi ne priznaju te probleme sve dok ne bude prekasno i novac je već prebačen. Ali čak i tada za nedostatke svojih uređaja: "Da nisam tako glup ...".
Današnji iPhone i iPad rasprava su o vizualnoj jednostavnosti. Sjajni fontovi. Čist izgled, bez suvišnih riječi, simbola ili izbornika. Nema veze što mnogi ne znaju pročitati tekst. Ali on je zgodan.
U jednom intervjuu, žena je tvrdila da je morala koristiti Appleove pomoćne alate kako bi njihovi sićušni fontovi bili dovoljno veliki i dovoljno kontrastni za lako čitanje. Međutim, također se požalila da je u mnogim dijelovima aplikacije ova opcija učinila fontove toliko velikima da tekst jednostavno nije stao na ekran. S obzirom na činjenicu da nije imala nikakvih problema s vidom, sigurno je mogla s lakoćom pročitati isti tekst prije nego što je Apple prešao na vrste fonta s tanjim crtama i manjim vizualnim kontrastom.
Koja filozofija dizajna čini da se milijuni korisnika osjećaju ograničeno u procesu korištenja proizvoda? Apple je mogao dizajnirati svoj pametni telefon tako da ga većina ljudi koristi i čita tekst s njega, a da se ne etiketira kao inferiorniji.
Ali što je još gore, pomoćni alati uništavaju samu ljepotu na koju se “jabučna” tvrtka toliko oslanja, jer ponekad zbog njih tekst ne stane na ekran. Kad bi font imao malo veću širinu, veći kontrast i nešto manje anti-aliasinga, Apple ne bi samo zadržao svoju ljepotu, već i čitljivost.
Odbili su otkazati. I znate li što se dogodilo? Dobili smo mnogo pritužbi pa su se vratili ovu funkciju u malo drugačijem formatu: sve što ste trebali učiniti da biste poništili radnju bilo je snažno protresti telefon ili tablet. Međutim, otkazivanje nikada nije provedeno univerzalno, a o tome se moglo saznati samo protresanjem uređaja. Štoviše, ako funkcija nije radila, korisnici nisu znali u čemu je problem: da se gadget nije dovoljno snažno tresao ili da otkazivanje nije bilo namijenjeno za tu konkretnu situaciju.
Na ekranima osjetljivim na dodir, pogotovo na relativno male uređaje, mnogo toga može poći po zlu kada se aktivna poveznica ili gumb slučajno dodirne. Ovi nasumični dodiri usmjeravaju korisnika na novo odredište. Standardni, jednostavan način za ispravljanje ovih grešaka je imati gumb za povratak: Android pametni telefoni imaju ovu značajku ugrađenu kao univerzalni kontroler koji je uvijek dostupan, ali Apple je ne koristi. Zašto? Nepoznato. Možda pokušavaju izbjeći korištenje gumba ili izbornika? Kao rezultat toga, oni dobivaju čist i elegantan izgled, ali ova vizualna jednostavnost je varljiva jer povećava složenost sučelja.
Apple na nekim mjestima postavlja strelicu unatrag, ali za razliku od Androida, gdje je dostupna posvuda, njihovi gumbi za otkazivanje i povratak implementirani su prema nahođenju programera. Ne implementiraju svi, uključujući Apple, te značajke.
Kako osoba može znati u kojem smjeru prijeći, koliko prstiju koristiti i koliko često ili koliko dugo dodirivati zaslon kada na zaslonu nema indikacije? Ljudi moraju zapamtiti te geste slušajući o njima od prijatelja, "čitajući priručnik" (što nije) ili ih otkrivajući potpuno slučajno.
"Apple" proizvodi su lijepi i atraktivni! Zato, kada se suoče s poteškoćama, njegovi korisnici skloni su kriviti sami sebe. To je dobro za Apple, ali apsolutno nepravedno prema kupcima.
Dobar dizajn trebao bi biti vizualno uočljiv i ugodan za korištenje. Međutim, ugodnost zahtijeva da uređaj bude razumljiv i prikladan. Mora poštovati osnovne psihološke principe koji vode do osjećaja razumijevanja, kontrole i zadovoljstva. To uključuje jasnoću, povratnu informaciju, pravilan prikaz, odgovarajuću upotrebu ograničenja i, naravno, mogućnost poništavanja vaših radnji. Ovim elementarnim konceptima dizajna uče se prije svega budući UX profesionalci, a da Apple sudjeluje u ovakvoj obuci, oni to ne bi mogli.
Privlačniji, ali teži za korištenje
Koje bi mogle biti posljedice izbjegavanja ispravne metodologije dizajna? Veći troškovi održavanja i podrške. I na kraju, "otpadništvo" nesretnih kupaca koji mogu otvoreno hvaliti Appleovo jednostavno sučelje, ali će pritom štedjeti novac za telefon druge marke, u nadi da će biti dovoljno pametni da se odreknu svih njegovih mogućnosti .
NA ovaj slučaj, priče o bakama i djedovima koji nisu mogli svladati računalo, ali sada bez problema koriste tehnološke uređaje poput tableta, neće biti na mjestu. Zamislite samo, u kojoj su mjeri ovladali novim tehnologijama? Da, uređaji za geste, tableti i telefoni imaju niži prag za početnu upotrebu, ali svladavanje njihovih naprednih značajki (poput slanja tri fotografije u jednoj e-poruci, formatiranja određenog teksta ili kombiniranja rezultata nekoliko različitih operacija) puno je teže. Izvođenje ovih i mnogih drugih radnji na tradicionalnim računalima može biti puno lakše i učinkovitije.
Nova generacija softver napravio ogroman skok prema atraktivnosti i procesorskoj snazi, dok je u isto vrijeme postao teži za korištenje.
Ovaj problem nije ograničen samo na Apple. Google karte također se razvijaju na isti način i postaju sve složeniji sa svakom iteracijom. Isto vrijedi i za Android. operacijska sala Windows sustav 8 iz Microsofta ima prilično pametan dizajn za uređaje koji se temelje na gestama koji rješava mnoge gore opisane probleme, ali ne može integrirati drugi stil rada potreban za desktop računala, koji su dizajnirani za produktivan rad.
Pa u čemu je problem? Činjenica da se dizajn stvara u mnogo inačica na isti način na koji svaka disciplina ima nekoliko varijanti. Prilikom izrade softvera, glavni programer ne mora nužno razumjeti interaktivno programiranje, a programer kernela možda ne zna ništa o telekomunikacijskom kodiranju. S druge strane, dizajneri interakcija koji poznaju psihologiju poznaju principe konceptualnih modela, jasnoće i razumljivosti, dok je za stručnjake informatike to "mračna šuma". Međutim, stručnjaci za dizajn skloni su misliti da se interaktivni dizajn odnosi na web stranice i često ne razumiju zamršenost programiranja i interakcije između čovjeka i računala.
Ovo je važno jer na kraju ljudi počnu sumnjati u sebe jer ne mogu koristiti sučelje koje je napravljeno da izgleda savršeno jasno, a ono nije. Ovo je važno jer proizvodi napredne tehnologije nazaduju i u smislu upotrebljivosti i korisnosti.
Nešto je pošlo po zlu?
Jedan od partnera Nielsen Norman grupe, Bruce Tognazzini, radio je sa Steveom Jobsom u ranim danima Applea. Stručnjak za upotrebljivost (Donald Norman) pridružio se tvrtki nedugo nakon što je Jobs otišao, a zatim je otišao nakon što se Steve vratio 1996. Nisu vidjeli prijelaz s proizvoda koji su jednostavni za korištenje i razumljivi (kada se Apple doista hvalio da upute nisu potrebne) na trenutne uređaje koji ne dolaze s priručnicima, ali ih ipak često trebaju.
Prije Jobsova povratka, rekli su, Apple je pristupio razvoju proizvoda imajući na umu tri čimbenika - korisničko iskustvo, inženjering i marketing - od kojih je svaki bio uključen u ciklus dizajna od prvog dana do vremena kada je proizvod isporučen.
Apple danas više ne pokušava svoje proizvode učiniti razumljivima i korisnima. Umjesto toga, ona ih dizajnira etički. Nažalost, kao što pokazuju istraživanja iz znanstvenih časopisa koja se fokusiraju na interakciju između čovjeka i računala i ljudske čimbenike, vizualno jednostavan izgled ne dovodi do jednostavnosti korištenja.
Apple namjerno skriva složenost svojih proizvoda uskraćivanjem ili čak uklanjanjem važnih kontrola. Čini se, što bi moglo biti jednostavnije od kontrolera s jednim gumbom? Da, ovo je vrlo jednostavno rješenje, ali s jednim gumbom, vaše mogućnosti korištenja sustava su izuzetno ograničene, osim ako on nema određene načine rada. S njima možete postaviti kontrolu na različite vrijednosti u različito vrijeme, ali to zbunjuje korisnike i dovodi do pogrešaka.
Alternativno, jedan kontroler može imati više njih skrivene karakteristike, zahvaljujući kojem gumb (ili ekran na dodir) može izvoditi različite radnje jednim, dvostrukim ili trostrukim dodirom, dodirom s jednim, dva ili tri prsta. Ili možda korištenjem određenog broja prstiju, određenog broja puta, u određenom smjeru: samo otvorite Macintoshovu ploču System Preferences i istražite izbore (i razlike) u vrijednostima dodira i pokreta na Apple mišu ili trackpadu.
Jednostavan izgled može učiniti upravljanje složenijim, proizvoljnijim, pamtljivijim i sklonijim pogreškama. Zapravo, u ranim danima Lise i Macintosha, Appleov je moto bio "Bez načina rada". Jedini način da se riješite modova je korištenje posebnih kontrolera, od kojih bi svaki uvijek trebao obavljati isti zadatak.
Načelo načina i kompromis između privida jednostavnosti i stvarne jednostavnosti na djelu poučava se u osnovnim tečajevima u interaktivni dizajn. Ali zašto Apple ne želi primijeniti to znanje?
Sve moderne računalne tvrtke proizvode priručnike za korisničko sučelje za svoje programere. Apple je prvi izradio takav priručnik, a poslužio je kao odličan opis principa dobrog, razumljivog dizajna. Najranije izdanje Appleovih Smjernica za ljudsko sučelje napisao je 1978. Bruce Tognazini. Do trenutka kada je objavljen 1987. godine, a nastajao je dvije godine (1985.-1986.), svi ključni principi modernih sučelja bili su ugrađeni. Kada Steve Jobs vratili u tvrtku 1996., i dalje su bili poštovani.
Taj kompletan skup Appleovih koncepata bio je rezultat Tognasinijevog projekta, koji je proučavao osnovne principe sučelja njihovog Macintosha. Prije toga bili su poznati samo uskom krugu ljudi koji se bave razvojem korisničkog sučelja. S pisanjem ovog vodiča, postalo je mnogo lakše obučavati nove zaposlenike, a broj programera za Macintosh proizvode je počeo značajno rasti.
Tim se uvelike oslanjao na istraživanje novonastale zajednice Human-Computer Interaction (HCI) kako bi stvorio načela. Fokus je bio na radu Donalda Normana i njegovih studenata na Kalifornijskom sveučilištu u San Diegu, koji se pojavio u konferencijskim dokumentima CHKV-a ranih 1980-ih i u knjizi pod nazivom Dizajn sustava usmjeren na korisnika, koju su uredili Norman i Stephen Draper 1986. godine.
Važno je napomenuti da ove osnove odražavaju potrebe, želje i sposobnosti ljudi, a ne strojeve koje koriste. Primjenjuju se na današnja sučelja baš kao i na rane verzije 1980-ih, i tako će i ostati dok se korisnici ne razviju.
Appleov moderan vodič za razvojne programere za iOS doista iznosi puno relevantnih načela, ali naglasak je ovdje još uvijek na jednostavnosti (posebice na izgledu jednostavnosti), kao i na zadovoljstvo korisnika i užitak općenito. Ovi atributi igraju važnu ulogu, ali daleko od toga da su odlučujući.
Točnije, smjernice najmanje 14 puta podsjećaju programere da svoju vizualnu komunikaciju zadrže dovoljno suptilnom. Jasno je da dizajn treba biti što čistiji i jednostavniji, ali to se ne smije postići uklanjanjem potrebnih znakova. Kako dizajner može razumjeti jesu li potrebni? Jedini poznati način je provođenje korisničkog testiranja. Ali što vam priručnik za sučelje može reći o testiranju upotrebljivosti?
Ovo je stvarno dobra ideja. Trebali biste provoditi testove s ljudima koji predstavljaju vašu očekivanu kupovnu publiku, a ne s nekoliko kolega, kao što predlaže Apple.
Appleova izvorna načela dizajna naglašavaju važnost stvaranja jasnih, lakih za učenje i funkcionalnih sustava. Ali negdje usput, tvrtka je izgubila ključne osnove koje je uvijek slijedila. Slika ispod pokazuje kako su se temeljna načela Appleovih smjernica mijenjala tijekom vremena.
Ova tablica opisuje evoluciju Appleovih smjernica za korisničko sučelje od 1995. do 2015. Budući da uređaji za geste koriste operacijski sustav iOS, načela koja se odnose na njega nalaze se lijevo od smjernica iz 2015. za tradicionalniji OS X.
Kao što vidite, percipirana stabilnost i bezrežimnost nestali su negdje nakon 2008. godine. Opraštanje i mentalni modeli izgubljeni su u prijelazu na iOS, zajedno s vrednovanjem eksplicitnih i očekivanih radnji. See-and-Point uklonjen je iz vodiča za iOS krajem 2010. s izlaskom iOS-a 4. Godine 1995. estetski integritet bio je jedan od najmanje važnih čimbenika, no 2015. bio je od odlučujuće važnosti. Uz to su metafore i korisnička kontrola izgubile nekoliko pozicija i otkotrljale se prema dolje.
Nedostaju načela
Najvažnija načela koja su potpuno ili djelomično zanemarena u iOS-u su jasnoća, povratna informacija, oporavak, dosljednost i poticanje rasta:
Jasnoća
Jasnoća ili mogućnost da se pogleda sustav i trenutno otkriju sve predložene radnje, oduvijek je bila ključni element uspjeha Appleovog dizajna. U ranim fazama ovaj se princip nazivao "vidi i pokaži", budući da su sve dostupne operacije bile predstavljene u obliku gumba, ikona ili stavki izbornika vidljivih korisniku: vidite radnju koju želite izvesti, postavite pokazivač iznad odgovarajućeg objekta i jednom kliknite na njega.
Pojednostavljeno rečeno, jasnoća znači ispuniti sučelje vidljivijim i razumljivijim elementima, tako da ih ljudi ne moraju pamtiti. Izbornici u tradicionalnim računalima savršeno slijede ovu ideju. Označene ikone također. Neoznačene ikone često ne uspijevaju, ali za to je kriv nedostatak bilo kakve naznake interaktivnosti. Imajte na umu da se jasnoća više ne spominje u Appleovim vodičima.
Povratne informacije
Povratna informacija i njezina "prijateljska" povratna informacija omogućuju osobi da sazna što se dogodilo nakon izvršenja radnje ili da shvati što će se dogoditi ako se radnja odabere.
Ljudi se oslanjaju na stalni tok povratnih informacija kako bi ocijenili učinkovitost svojih postupaka. U stvarnom svijetu povratnu informaciju dobivamo automatski, ali u virtualnom svijetu to se događa samo ako dizajner razmisli o tome. Bez povratne informacije, korisnici možda nisu sigurni u svoje trenutno stanje unutar sustava i ne osjećaju odgovornost.
Oporavak
Greške se događaju. Načelo oporavka kaže da bi trebalo biti jednako lako poništiti operaciju kao i izvršiti je. Nazvano uživanjem, također je nestalo iz trenutnih smjernica i gornje tablice. Oporavak je implementiran korištenjem gumba "otkaži" koji je izumljen 1974. u Palo Alto Research Centeru (PARC) Xerox Corporationa, vjerojatno od strane Warrena Teitelmana. Kao što znate, Lisa i Macintosh računala posudili su svoje osnovne strukture iz ranih PARC razvoja (Apple je kupio prava od Xeroxa).
Naredba za otkazivanje može se poništiti pomoću gumba "Ponovi". Poništavanje i ponavljanje pomažu ljudima ne samo da isprave vlastite pogrešne procjene, već i slobodnije eksperimentiraju s novim stvarima.
Cancel je korisnicima omogućio vraćanje sadržaja, a gumb za povratak bio je pomoćna naredba, preko koje su se mogli vratiti na prethodnu lokaciju navigacijskog sustava. Izvornik grafička sučelja osloboditi ljude potrebe za sigurnosna kopija, isključujući navigaciju. Umjesto toga, svi dokumenti i alati stigli su do korisnika. Preglednici i iOS ostatak su ranih navigacijskih sučelja gdje su ljudi lutali kroz labirint prijelaza koji su vodili do modalnih zaslona.
Preglednici koji podržavaju internetski navigacijski sustav imaju gumb "natrag" kako bi se korisnici mogli vratiti na prošle faze svog putovanja. iOS ne nudi takav generički alat, pa ako slučajno kliknete na poveznicu unutar aplikacije, na primjer, usmjerit će vas na Safari ili Youtube ili bilo što drugo, bez pružanja ikakvog izlaza. Tipke za povratak i naprijed trebale bi biti standardne u iOS-u kako bi sučelje ljudima opraštalo slučajne prijelaze, a ne kažnjavalo ih za to.
Dosljednost
Većina suvremeni korisnici imaju više uređaja, ali radnje tih različitih naprava često se preklapaju. Čak i unutar jednog Apple uređaji uspio razbiti dosljednost: zakrenite iPhone i raspored tipkovnice se promijeni, zakrenite iPad i ikone na početnom zaslonu preuredite na nepredvidive načine.
Dosljednost je i dalje navedena u smjernicama, ali se to načelo praktički ne poštuje. Magic Mouse radi drugačije od trackpada, a njegove se kontrole razlikuju od pokreta koji se koriste na iPhoneu ili tabletu. Zašto? Takve se kontradikcije obično uočavaju kada dizajneri rade izolirano, bez dijeljenja ideja sa svojim kolegama.
Poticanje rasta
Dobar dizajn potiče ljude da uče i rastu preuzimajući nove i izazovnije zadatke čim svladaju osnove. Ljubitelji brzih fotografija evoluiraju u fotografe, pisci osobnih dnevnika evoluiraju u blogere, a djeca se okušaju u programiranju i na kraju nastavljaju karijeru u informatici. Desetljećima je poticanje rasta temeljno načelo Applea koje su korisnici uvijek prihvaćali.
Pozdrav dragi čitatelji a! Web dizajn i web razvoj razvijaju se vrlo brzo. Svakim danom vidimo sve više noviteta, bilo da se radi o aplikacijama ili novim uslugama koje naš online život čine produktivnijim i praktičnijim. A web dizajn je samo bezgraničan prostor, ograničen samo talentom i vještinom "umjetnika" (dizajnera). Dakle, danas ćemo razgovarati o MANJE— dinamičan jezik označavanje stila, što će olakšati pisanje CSS stilova.
Što je MANJE?
LESS je dodatak CSS-u. To znači da je svaki CSS kod valjan LESS, ali dodatni LESS elementi neće raditi u običnom CSS kodu. Ovo je sjajno jer je postojeći CSS već funkcionalan LESS kod, što smanjuje prepreku ulasku u novu tehnologiju.
LESS dodaje mnoga korisna dinamička svojstva u . Uvodi varijable, operacije, elemente i miksine. Mogućnost pisanja tablica stilova na modularan način štedi vam mnogo gnjavaže. 
LESS čini stilove pisanja mnogo lakšim. Na primjer, koristeći mixins, stvaramo nešto poput funkcija koje mogu primati argumente. Mixins- omogućuju vam da uključite sva svojstva klase u drugu klasu jednostavnim uključivanjem naziva klase kao vrijednosti jednog od svojstava.
1 | Zaobljeni uglovi (@radius : 5px ) ( |
A kompajlirani CSS će izgledati ovako:
1 | #Zaglavlje( |
Učitajte biblioteku prefix-free.js i povežite je s index.html:
< script src= "prefix-free.js" type= "text/javascript" > |
Ovime ćemo završiti s pripremom i prijeći izravno na izradu izbornika u stilu Apple.com.
HTML označavanje
Izgled izbornika je prilično jednostavan. Jelovnik se temelji na nesređenom popisu. Otvorite HTML editor i zalijepite sljedeći kod:
1 |
MANJE stilova
U ovom odjeljku počet ćemo kodirati jelovnik na LESS jeziku. Za one koji su novi u programiranju, kako u pisanom obliku tako iu LESS sintaksi, ne brinite, pokušat ću staviti sve na police tako da bude jasno. Možda će se nekome svidjeti ovaj način pisanja stilova za web mjesto, jer je stvarno produktivniji.
Pogledajmo od kojih komponenti će se meni sastojati: 
Kao što možemo vidjeti na gornjoj snimci zaslona, Apple.com navigacija ima sljedećih 6 glavnih dijelova:
- Koristi se sjena;
- Granica;
- Razdjelnik između stavki izbornika;
- pozadinski gradijent;
- Efekt zatamnjenja pri lebdenju miša;
- Tekst izbornika.
Stilovi se mogu koristiti na dva načina:
- Škripanje
Važno: kada koristite prvu metodu, tako da je styles.less uključen prije nego što je uključena biblioteka less.js! Također se ne zaboravite povezati bez prefiksa.
Dakle, tablica stilova izgleda ovako:
1 |
|