10 dizaino koncepcijų, kurias turi žinoti kiekvienas interneto kūrėjas

Per pastaruosius kelerius metus dėstiau vizualinio dizaino pagrindų seminarą, skirtą kūrėjams. Kaip ir daugeliui dalykų internete, supratau, kad studentai, dalyvavę mano seminare, taip pat kūrėjai, su kuriais dirbau, turi įvairių dizaino žinių ir susidomėjimo.

Šis sąrašas yra trumpas sąrašas sąvokų, kurias norėčiau, kad kūrėjai, su kuriais dirbu, suprastų apie dizainą. Tai skirta nukreipti kūrėjus teisinga linkme, nes tai yra įvadas į mąstymą ir bendravimą apie dizainą.

01. Dizainas yra ne tik vizualus

Dizainas yra ne tik fasadas; tai apačioje esanti asmenybė. Dėl kažkokių priežasčių dizainas turi stigmą, kaip tik vaizdinę svetainės dalį. Tai negali būti labiau melaginga ar neteisingai suprasta. Dizainas - tai visa patirtis nuo to momento, kai vartotojai patenka į jūsų svetainę, iki pat jų išėjimo.



kaip padaryti specialius teptukus mangos studijoje

Dizainas yra „kaip“ ir „kodėl“ žmonės nori naudotis svetaine; aikštelės apkrovos greitis; sąveika tarp užvedimo, paspaudimo ir palietimo; ir naujų funkcijų bei turinio pristatymo tempas. Visos šios sąvokos apima dizainą.

Kadangi dizainas yra daugiau nei vizualiniai aspektai ir veikia visą patirtį, kiekvienas projekto dalyvis yra dizaineris. Bet kuris komandos narys, kuris nori sužinoti, kaip vartotojas sąveikauja su svetaine, yra dizaineris. „Frontend“, „backend“ ir projektų valdymas turėtų galvoti apie dizainą.

02. Būkite orientuoti į vartotoją

Vartotojai yra svarbiausi ir visada turėtų būti priešakyje priimant kiekvieną sprendimą dėl jūsų svetainės ar programos. Dizainas turėtų padėti jūsų vartotojams greitai, efektyviai ir, svarbiausia, maloniai pasiekti savo tikslus.

Savo seminare aš paskatinu studentus susikurti pradinį projektavimo planą, kai jie pasirenka projektą, kurį reikia dirbti. Nors aš jiems pateikiu paprastas gaires, kurių reikia laikytis, daugiausia dėmesio jie skiria vartotojui: kas jie yra, ką jie veikia jūsų svetainėje ir koks jausmas, kurį norite, kad jie aplankytų, taip pat jie palieka?

Nors tai gerai tinka mažiems seminaro projektams, kalbant apie didesnius projektus, apie šį pagrindą turėtumėte galvoti plačiau. Dizaineriai naudoja asmenybes, pasakojimus ir dar daugiau, norėdami nurodyti, kas yra svetainės vartotojai ir ką jie nori veikti svetainėje. Pasigilinkite į šias gaires bet kokia forma, kuria jos imasi jūsų projekto, ir naudokitės jomis norėdami paveikti visus jūsų dizaino sprendimus.

Dizaineriui neturėtų tekti naudotis visa vartotojo patirtimi; dizaineriai turėtų tiesiog jai vadovauti. Vietoj to patirtimi turėtų dalytis visa komanda (jei tokia yra). Yra daug atvejų, kai pasikliaujau kūrėjais, kurie man padeda išsiaiškinti geriausią būdą sukurti didžiausią vartotojo patirtį. Jie ne tik geriau žino savo ribas, bet ir aiškiau įsivaizduoja visas galimybes.

03. Projektas yra išsamiai aprašytas

Išsami informacija gali padaryti „gerą“ dizainą „puikų“. Dėmesys vartotojo detalėms gali būti skirtumas tarp patenkinto ir suerzinto vartotojo. Tinkamas mėlynos spalvos atspalvis arba nuorodos apvyniojimas aplink konkretų tekstą yra labai svarbus. Detalių problema ta, kad jas lengva užklupti. Per anksti sutelkti dėmesį į detales nereikia ir tai gali sulėtinti procesą. Svarbu žinoti, kada sutelkti dėmesį į konkrečias detales arba kada naudinga vizualizuoti visą, didesnį vaizdą.

04. Projektuodami dažnai eskizuokite

Pranašumai apie apybraižyti vartotojo patirtį yra gerai dokumentuota . Eskizai padeda galvoti apie turinį, hierarchiją ir srautą, be kitų aspektų. Eskizai yra pigūs, lengvai atliekami ir labai greiti. Turėtumėte sugebėti sukurti vieną naują idėją kas trisdešimt sekundžių. Eskizai taip pat yra vienas iš geriausių būdų perduoti idėjas apie svetainės išdėstymą, vartotojo patirtį ir vartotojų srautus.

Eskizai leidžia greitai kartoti idėjas ir sutaupyti daug laiko eksperimentuojant maketais ar kodu

Eskizai leidžia greitai kartoti idėjas ir sutaupyti daug laiko eksperimentuojant maketais ar kodu

Pirmasis mano kolegijos profesorius tai įsišaknijo man, kai buvau studentas. Ji neleido mums naudotis kompiuteriu, kol nematė puslapių eskizų puslapiuose. Jaunieji dizaineriai linkę taupyti eskizus arba jų visai praleisti. Aš vis dar matau, kad daugelis dizainerių per anksti pereina nuo eskizų prie aukštesnio tikslumo dizaino, prieš tai neišnagrinėję visų galimų sprendimų.

Geriausia eskizų dalis yra tai, kad kiekvienas gali tai padaryti. Visi moka piešti dėžes, suktas linijas ir strėles. Tai yra pagrindiniai įrankiai, kurių reikia norint pradėti kurti - viskas taip paprasta. Mes neieškome neįkainojamų meno kūrinių ir jums tikrai nereikia išgalvoto meno laipsnio. Jums tereikia mokėti aiškiai perteikti savo eskizus ir jų minties procesą.

05. Naudokite tarpą

Atrodo, kad tai sunkiausia suvokti kūrėjams: didžiausia tinkamo baltosios erdvės kiekio nauda yra pertrauka vartotojui. Pertraukos yra svarbios apdorojant informaciją, ypač kai apdorojama pakankamai daug. Štai kodėl mes turime pastraipas ir sakinius, o ne tik vieną, ilgą einančio teksto bloką.

Svarbiausia užtikrinti, kad tarpai būtų susiję su kitais puslapio objektais, įskaitant kitą erdvę. Jei turite vieną balto tarpo stulpelį, įsitikinkite, kad yra dar vienas baltos erdvės stulpelis, kad jį subalansuotumėte.

Vertikaliai erdvei tiesiog naudokite kūno šrifto dydžio dalis. Aš linkęs paprastinti dalykus ir naudoti 0,25 skalę, bet yra kelios kitos svarstyklės, kurias galite naudoti . Pvz., Jei teksto šrifto dydis yra 16 taškų (1em): 4, 8, 12, 16, 20, 24, 28, 32, 40, 48. Tai leidžia pasirinkti šrifto dydžius paprasčiausiai judant masteliu aukštyn ir žemyn, kaip aš nori didesnio ar mažesnio tipo.

„Apple“ labai gerai naudoja baltąją erdvę, kad paryškintų ir demonstruotų savo produktus

06. Tinkleliai yra ne tik CSS sistemos

Pašėlęs, tiesa? Tinkleliai pirmiausia pastebėjo dizainą to, kas dabar vadinama Tarptautinis tipografinis stilius .

Tinklelis turėtų būti naudojamas:

kaip išsaugoti kreidos pastelinius piešinius
  • Kurkite santykius tarp objektų
  • Pateikite pagrindinę vizualinio derinimo sistemą
  • Padėkite sukurti horizontalų ir vertikalų ritmą
  • Padėkite sukurti optinę pusiausvyrą

Visos šios sąvokos veikia kartu, kad geriausiai naudotojams galėtumėte sukurti geresnę vizualinę sistemą. Jūsų pasirinktas tinklelis turi įtakos dizaino vieningumui; Tinklelio pasirinkimas pagal tai, kurį lengviausia įgyvendinti, nebūtinai bus geriausias jūsų turinio ir vartotojų dizaino pasirinkimas. Galų gale tai vis tiek yra tik įrankis ir bus tik toks geras, kaip juo besinaudojančiam asmeniui.

Don

Ne tik galvokite apie tinklą kaip apie CSS sistemą. Tai dizaino įrankis, kurį reikėtų naudoti pagal paskirtį

07. Kai viskas pabrėžiama, niekas nedaro

Tai tarsi pokalbis su grupe žmonių, kurie visi vienu metu ant jūsų šaukia daryti skirtingus dalykus. Tik vienas elementas turėtų pabrėžti puslapį: svarbiausias. Akcentavimas vienam elementui ir aiški hierarchija suteikia skaitytojams srauto ir turėtų nukreipti juos norima linkme.

08. Laikykite įkvėpimo aplanką

Laikykite visų dalykų, kurie jus vizualiai įkvepia, galeriją. Tai gali būti nuotraukos, vaizdo įrašai, plakatai, marškinėliai ir svetainės; viskas, kas gali sukelti idėjų, kaip išspręsti konkrečią dizaino problemą, su kuria susiduriate.

Tai ne tik veikia kaip atskaitos taškas, bet ir verčia nuolat ieškoti ir vertinti dizainą. Paprastas dizaino elementų pasirinkimas ir išsaugojimas aplanke verčia jus naudoti tuos dizaino analizės raumenis.

Laikykite įkvėpimo galeriją. Nuo nuotraukų iki trišakių, galimybė remtis nuotraukomis, dizainais ar dar kuo nors galėtų padėti sukurti jūsų pačių dizainą

Laikykite įkvėpimo galeriją. Nuo nuotraukų iki trišakių, galimybė remtis nuotraukomis, dizainais ar dar kuo nors galėtų padėti sukurti jūsų pačių dizainą

09. Dizainas yra susijęs su problemų sprendimu

Turėtumėte požiūrį į dizainą kaip į problemų, kurioms reikia išspręsti, rinkinį. Viskas puslapyje turi būti priežastis, kodėl ten reikia būti, ir išspręsti konkrečią vartotojo ar dizaino problemą. Aš linkęs pašalinti funkcijas iš rinkinio funkcijų, kol problema, kurią sprendžiu, tampa labai akivaizdi.

Kartais mums sunku pasakyti problemas, o ne pereiti prie sprendimo. Tai tikrai padeda darbas atgal. Pavyzdžiui, nuspręsdami, ar kažkas turi būti raudona, sustokite ir pagalvokite, kokių priežasčių pirmiausia norėjote raudonos spalvos. Paklauskite savęs: ko aš siekiu pasiekti, kad jis būtų raudonas? Koks buvo mano minties procesas? Galite atsidurti ten, kur pradėjote, bet geriau suprasite, kodėl ir ką darote.

10. Mokėti kalbėti ir kritikuoti dizainą

Patikimas būdas suerzinti dizainerį yra pasakyti jiems, kad raudonas blokas turi būti mėlynas, kad teksto dalis turi būti perkelta, arba padidinti logotipą. Manau, kad jums kyla mintis.

Geriausias būdas pateikti konstruktyvų atsiliepimą yra atkreipti dėmesį į dizaino problemas. Turėkite įrodymų, pagrįstų vartotojais, svetainės srautu, projektavimo tikslais ir vaizdiniais principais, kad būtų galima paremti problemas, kurias matote kurdami projektą. Tada tai patvirtina jūsų nuomonę apie tai, kas turėtų pasikeisti, ir suteikia tvirtą pagrindą, kokia sėkmė vartotojui ir dizainui.

Tada, tikiuosi, dizaineris su jumis suformuos problemos sprendimą. Tai jūsų galimybė pasiūlyti rezoliuciją; tik neprašykite padidinti logotipą.

Ištekliai ir seminaras

Jei jums tai pasirodė įdomu, nedvejodami patikrinkite mano svetainę dizainas kūrėjų ištekliams ir kurti mokymosi takus . Aš taip pat norėčiau pamatyti jus bet kuriame internetinė versija arba prie akis į akį versija seminaro.

„iphone 8 plus“ ir „iphone 11 pro max“

Žodžiai: Kyle'as Fiedleris

Kyle'as Fiedleris yra „Thinkbot“ dizaineris, padedantis kurti „Rails“ ir „iOS“ programas. Jis kuria ir kuria tam tikrą formą nuo „dot-com“ bumo (ir biusto) ir nuo to laiko nesustojo.

Šis straipsnis iš pradžių pasirodė tinklinis žurnalas 244 leidimas.

Patiko tai? Perskaitykite tai!

Turite puikų dizaino patarimą? Pasidalinkite ja komentaruose!