Kuvakkeet ovat kaikkialla. Sovelluksen kuvakkeista kotisivulta graafisiin esityksiin, jotka johtavat käyttäjiä suunnittelun kautta, kuvakehys on iso juttu.

Hyvää kuvaketta on hieno taide. Sen lisäksi, että elementin on tehtävä tunnistettavasti pienimmän koon, hyviä vektoripohjaisia ​​kuvakkeita voidaan skaalata käytettäväksi myös ylimitoitetuissa mittasuhteissa. Jotkut suunnittelijat käyttävät jopa ikoni-tyylisiä kuvia hallitsevissa kuvissa.

Mistä sitten aloitat? Tässä on ohje paremman kuvakkeen suunnittelussa kahdeksassa (hieman) yksinkertaisessa vaiheessa.

1) Aloita ruudukko

Hyvä kuvakehys alkaa vankalla pohjalla. Yksinkertainen neliöluukkuverkko on kaikki, mitä sinun tarvitsee alkaa kuvata kuvaketta.

ruudukko

Käytä samaa gridoitua paperia, jonka kanssa työskennellyt palkkaluokassa, luomaan kuvakehahmoja lyijykynällä ja paperilla tai aloittamaan suunnitteluprojektin neliön pikselirivillä. Sinun pitäisi luultavasti suunnitella neliön kangas, koska useimmat kuvakkeet päätyvät tarvitsevat sopivat neliöihin. (Tämä sisältää kaiken kuvakkeista sovelluksiin kuvakkeisiin verkkosivustojen suunnittelussa tai sosiaalisen median profiileissa.)

Kun sinulla on ruudukko, varmista, että annat itsellesi elementin valkoisen tilan ympärillä. Tämä antaa sinulle juuri tarpeeksi joustoa lisätäksesi taustan tarvittaessa ja pitää kuvakkeen leikkaamatta sovelluksissa, joissa voi olla pyöristettyjä reunoja tai muita viistejä.

Aivan koska ruudukko on neliö ei tarkoita sitä, että kuvasi on oltava. Se voi olla pyöreä tai suorakulmainen. Muista: Kun suunnittelet jotain sellaista, joka ei ole neliö, sen pitäisi sijaita vaakasuoraan ja pystysuoraan keskelle verkkoon helpottamaan sitä myöhemmin. Se auttaa myös säilyttämään kuvakekokoonpanon yhtenäisen asteikon.

Verkko on vain auttaa luomaan kehys, jossa voit suunnitella johdonmukaisesti. Bonuksena voit myös käyttää ruudukkoa piirtääksesi elementtejä kuvakkeesta; käytä ristikkorakenteita suorina kulmina tai määrittämään aivohalvausten sijoittelua.

2) Rakenna geometrialla

Kuvakkeet ovat usein pieniä, joten rakentaminen elementtien avulla, jotka käyttäjät tunnistavat yhdellä silmäyksellä, on tärkeää. Siksi monet kuvakkeet juurtuvat geometrisiin muotoihin.

Ympyrät, neliöt ja kolmiot ovat suosituimpia muotoja. Käyttäjien ei tarvitse ajatella heitä tai kyseenalaistaa, mitä he ovat. Jokainen muoto on yksinkertainen ja tunnistettavissa. Sitten ne voidaan yhdistää ja yhdistää luomaan muita elementtejä, joilla on sama geometrinen muotoilu.

dropbox

Katso esim. Dropbox-kuvaketta. Se on vain muutamia neliöitä, jotka on liitetty yhteen laatikon muodostamiseksi. Konsepti on luova, yksinkertainen ja helppolukuinen kaikissa mitoissa.

Toinen suosittu "geometrinen" vaihtoehto on käyttää yhtä, lohkoperäistä kirjainta osana ikonografiaa. Vaikka tämä ei toimi hyvin laajalle levinneelle sovellukselle, se voi toimia toiminnallisena tuotemerkkitunnuksena. Facebook on ensisijainen esimerkki tämän kuvakäytön toiminnasta.

3) Luo ainutlaatuinen muoto

Aloitettaessa ympyröillä ja neliöillä on hyötyä, joten haluat luoda muodon, joka on sinun. Tämä on tärkeintä, jos työskentelet tuotemerkin tunnuksen kanssa. Jopa näennäisesti monimutkaiset kuvakkeet alkavat usein yksinkertaisilla muodoilla, jotka muuttuvat omaan ainutlaatuisempaan muotoonsa.

Kun on kyse ainutlaatuisuudesta, on muutamia muotoilun elementtejä.

  • Pysy kaukana kuvista. Ne eivät näytä hyviltä pieniltä.
  • Pysy kaukana tekstistä. Käyttäjät eivät pysty lukemaan sitä.
  • Jotkut suuntaukset ovat kannattavia. Litteät ja lähes litteät kuvaketjut tekevät ihmeitä.
  • Työskentele suorilla viivoilla ja kulmilla, jotka on kytketty ristikon pisteisiin. Käyrät voivat saada hankalia nopeasti.
  • Parhaat kuvakkeet toimivat väreissä, mutta ne ovat myös tunnistettavissa mustavalkoisina ääriviivoina.

4) Anna sille runsaasti tilaa

Kuvakkeet tarvitsevat runsaasti tilaa hengittää. Ajattele kuvakkeiden käyttämistä. Erityisesti, jos suunnittelet sovelluskuvaketta, jonka käyttäjät näkevät laitteidensa hullujen taustakuvioiden päälle, muotoilu on asetettava kehykseen hieman, jotta se olisi luettavissa ja erotettavissa.

puutarhanhoito

Ristikkosi sisällä luo yhtenäinen reunus reuna-alueelle. Ajattele tätä tilaa melkein kuin olisit, kun työskentelisit tulostusmateriaalin vuotoilla. Väri on laajennettava tähän kankaan osaan, mutta se todennäköisesti näkyy näkymättömänä.

5) Merkitse brändin värejä

Älä hullu kuvakkeiden väripaletteilla vain siksi, että voit. Jos luot jotain brändityöhön, pidä väripalettiasi kiinni. Vaikka kuvakkeen voi poiketa tavanomaisesta brändin logotyypistäsi, värin tulisi pysyä yhdenmukaisena.

Jos työskentelet web-suunnittelupaketin tai muun käytön kuvakkeella, aloita ensin mustat tai valkoiset kuvakkeet. Lisää värejä, kun lähestyt suunnittelun loppuun. Työskentelemällä yksinkertaisilla elementeillä, joilla on suuri kontrasti - mustalla valkoisella tai valkoisella mustalla - saat todella tunnelman siitä, miten kukin kuvake näyttää tilaa. Jos se toimii väristä riippumatta, mahdollisuudet ovat suuremmat, että se toimii hyvin värin mukana.

6. Käytä johdonmukaisia ​​jumalia

Kiinnitä huomiota kaikkiin kuvasymbolin yksityiskohtiin. Oletko leikannut kulmaisen kulman suunnittelussa? Sitten harkitse sitä kaikilta kulmilta.

Vaikka nämä pienetkin yksityiskohdat eivät ehkä näytä tärkeiltä - ne eivät edes ole täysin näkyvissä pienimmissä kokoluokissa - ne voivat lisätä klassista tunnelmaa kuvakkeisiin, joita käytetään useammissa graafisissa näytöissä.

ruoka-kuvakkeet

Enemmän suunnittelijoita käyttävät kuvakkeita painikkeina koko mallina ja auttavat johtamaan silmät useamman tekstin raskaan elementin välillä. Huolellisesti muotoillut kuvakkeet voivat auttaa käyttäjän ilahduttaa ja kannustaa verkkosivujen tuloksia.

7. Suunnittele pienimmälle koolle

Vaikka kuvakkeita voitaisiin käyttää lähes kaikenkokoisina, haluat suunnitella mallin siten, että se toimii pienimmän koon mukaan. Tavallisesti favicon kuvakkeet ladataan vain 16 x 16 pikseliä. Onko kuvakettasi tässä koossa dynaamista?

Jos vastaus on ei, sinulla on kaksi vaihtoehtoa:

  1. Aloita kuvakkeen suunnittelu.
  2. Luo vaihtoehtoinen kuvake pienille tiloille, kuten faviconeille.

8) Älä koristele

Lopuksi pitää se yksinkertaisena. Vastusta tarvetta koristella kuvaketta. Jotkut parhaimmista sovelluksista kärsivät yhä hankalista kuvakkeista. (Wunderlist tulee heti mieleen. Ajattele kuinka paljon mukavampaa se näyttäisi ilman varjoja ja hahmottelua.)

Sisustus päättyy hämmentyneenä näissä pienissä tiloissa. Se voi myös ohittaa suunnittelun. Ajattele kuvakkeita suunnittelun aksenttimerkkeinä, mutta ne eivät ole ensisijaisia. Jos käyttäjä viipyy kuvakkeella liian kauan, koska he yrittävät selvittää sen merkitystä, he voivat menettää sen, mitä he joutuvat tekemään. Kuvakkeiden on ilmoitettava nopeat vuorovaikutukset.

johtopäätös

Ikonin suunnittelu voi olla hauskaa, jos sinulla on aikaa hioa tätä taitoa. Mutta jos et ole asiantuntija, älä huoli. Siellä on paljon hyviä kauppoja, jotka vapauttavat kuvakkeet, joita voit käyttää projekteissasi.

Jos olet vasta aloittamassa kuvakkeiden suunnittelua, kannattaa ladata yksi näistä sarjoista. Heitä kuvakkeet ruutuun ja poista ne erikseen. Voit oppia paljon siitä, miten paremmin luoda omat yksinkertaiset muodot tästä harjoituksesta.