Kui kaua kulub teil keskmiselt kohandatud ikooni kujundamine?
Paar minutit? Kümme minutit? Pikemalt? Mis oleks, kui me näitaksime teile, kuidas teha 10 suurepärast ikooni vähem kui 10 minutiga?
Ikonograafia on suhtlusvorm, mis lisab kaubamärgi visuaalset keelt, nii et kohandatud ikoonikomplekt on sisukam ja kaasahaaravam kui lihtne, üldine. Enamik disainereid ei viitsi kunagi õppida kohandatud ikoonide loomist, peamiselt seetõttu, et see on veel üks kursus, mida meie õppimisjärjekorda lisada.
Nii võtsin ette luua ülilihtsa juhendi, mis aitab teil õppida ikonograafia põhitõdesid vähem kui 10 minutiga (ma mõtlen seda).
Oskus luua kohandatud ikoonid avab teile täiesti uue maailma, et saaksite oma projektide jaoks luua keerukaid kujundeid, mis eristavad teid ülejäänud rahvahulgast, andes teile disainerina konkurentsieelise.
Algselt inspireeris mind selle juhendi loomine see GIF Morgan Allan Knutsonilt, mis näitab, kuidas mõne sekundi jooksul asukohateenuste ikooni luua. Ma leidsin, et see on värskendav, tark ja kiire. See demüstifitseerib kohandatud ikoonide loomise protsessi ja näitab, kui lihtne see võib olla. Ikoon on tegelikult geomeetriline kuju, mis võib tuleneda põhikujude, nagu ruudud, kolmnurgad või ringid, kombinatsioonist või deformatsioonist. Rusikareegel logo või ikoonikujunduses on hoida asi lihtsana.
Selle artikli eesmärk on luua 10 ikooni 10 sekundi jooksul, kasutades ainult lihtsaid kujundeid.
Tähtis märkus: Selles postituses kasutame Adobe Illustratorit, kuid võite saada samu tulemusi Sketchi või isegi Figma abil. Iga kord, kui peame kujundile punkti lisama või selle eemaldama, kasutame „Pliiatsi tööriista (P)”. Punktide valimine ja liikumine toimub otsevaliku tööriista (A) abil.
Silmaikoon
Joondage keskel neli ringi, mis lähevad suurematest väiksemateni muutuvate värvidega, nagu näidatud. Suurimal ringil tagumise poole tõmmake vasak ja parem punkt keskelt eemale. Lõpuks liigutage väikseim sisemine ring järgmise ääre külge, et luua iirisele valgusefekt.
Näpunäide: Valge ringi asemel lahutage (Rajaleidja paneeli abil) lihtsalt kaks ringi igaühe alt olevast ringist. See loob taustal puhtama tulemuse.
Nooleikoon
Kõik on seotud sellega, kuhu lisate need lisapunktid esialgse ruudu servadele. Näpunäide: Alternatiivina võite lihtsalt joonistada noole kujulise õhuke joon.
Aku ikoon
töövõtja tunnitasu kuni palgani
Ühe ruudu kasutamine löögi ja kaks täidisega. Mängige lihtsalt proportsioonidega, lisades samal ajal ühe täidetud ruudu löögi kujule ja hoides teist väljapoole, moodustades aku otsa.
Näpunäide: Hea visuaalse tasakaalu säilitamiseks mängige löögi paksuse ja polsterdusega.
Kuuliloendi ikoon
Alustage lihtsast ruudust; paljundage see üks kord paremale; ja kujundage see ümber pika ristkülikuna. Valige kogu asi ja kopeerige kaks korda, jättes vahele ühe ruutu suuruse ruumi.
Näpunäide: Pehmema ilme loomiseks asendage ruut ringidega.
Pilvikoon
Joonista kolm erineva suurusega ringi. Aluse järgi joondage kaks väikseimat ringi, et oleks alus, ja asetage suurim ring nende vahele, kõrgemale positsioonile. Looge pilve alus deformeerides ühte väikest ringi.
Näpunäide: Orgaanilise välimusega pilve saamiseks kasutage erinevaid ringi suurusi.
Edasi esitamise ikoon
Joonista pikk ristkülik. Lisage punkt vasaku serva keskele ja eemaldage ülemine ja alumine punkt. Nüüd, kui teil on üks kolmnurk, kopeerige see kuju üks kord paremale, et ikoon lõpule viia.
Näpunäide: Et seda veelgi kiiremini teha, alustage lihtsalt ruudu asemel kolmnurgast.
Lehterikoon
Alustage pika ristkülikuga. Lisage punkt vasaku ja parema serva keskele. Nüüd sirutage ülemine serv horisontaalselt ja olete valmis.
Näpunäide: Asetage kaks ruutu servast servani ja venitage kõige ülemine serv lihtsalt horisontaalselt.
Esituse / pausi ikoon
Alustage paralleelselt kolme pika ristkülikuga. Kujundage kõige laiem ristkülik kolmnurgaks.
visuaalstuudio üksuste testimise õpetus
Näpunäide: Teise võimalusena võite lihtsalt joonistada ühe kolmnurga, millele järgneb kaks paralleelset ristkülikut.
Positsiooni nooleikoon
See on remiks Morgani asukohateenuse ikoonist. Joonistage lihtsalt üks ruut, seejärel tõmmake vasakpoolne alumine punkt diagonaalis ülespoole liikudes ülespoole, kuni läbite vastupidise punkti.
Näpunäide: Illustratoris aitab klahvi Shift vajutamine punkti lohistamisel sümmeetriat hoida, hoides samal ajal diagonaalnurka.
Positsiooni tihvtiikoon
Koputage välja ring suurema ringi sees (Pathfinderi paneeli abil). Lohistage madalaim punkt otse alla ja terake moodustunud nurk - lülitage „Pen Tool (P)“ peale, seejärel klõpsake „Shift“ klahvi all hoides punktil.
Näpunäide: Kasutage välimuse pehmendamiseks sellel pöördepunktil ümardatud nurka - kui punkt on valitud, reguleerige valikunupul „Transform” väärtust „nurga raadius”.
veebisaitide arendamine mobiilseadmetele
Heliikoon
Täpselt nagu lehterikoon, kuid 90-kraadise pöördenurga all.
Näpunäide: Kopeerige ja kleepige lihtsalt lehterikoon ja pöörake seda päripäeva.
Laineikoon
Joonistage sirgjoon ja lisage selle pikkuse ulatuses võrdsel kaugusel olevad punktid. Lohistage muutuvad punktid alla ja ümardage iga nurk maksimumini, kuni see kõik on sile.
Näpunäide: Ümardage joone näpunäited veelgi sujuvama ilme saamiseks.
ApeeScape'i ikoon
See on boonuse ikoon.
Joonista ruut piisavalt paksu joonega. Lõika kääride tööriista abil ülemine parem ja alumine vasak punkt. See jagab kuju kaheks. Liigutage alumine pool ülespoole ja pöörake kogu asja 45 kraadi vastupäeva.
Näpunäide: Pöörake tähelepanu joonte paksusele ja logosse tekkinud tühimikule.
Ikoon on väärt 1000 sõna.
Sageli kuuleme, et pilt on tuhat sõna väärt. Noh, see kehtib väga ikoonide kohta, mis asendavad pikki lauseid ja sõnu, et optimeerida visuaalset ruumi, kasutatavust ja esteetikat. Lihtsate ja tõhusate ikoonide komplekti meisterdamine võib minna kaugele. Ja me lihtsalt nägime, kui kiire ja lihtne see võib olla, jälgides ja kasutades põhilisi kujundeid.
Kokkuvõtteks on ikonograafia 10 peamist reeglit:
- Muutke see sümboolseks ja tähendusrikkaks.
- Olete seda kuulnud: hoidke seda lihtsana. Stiil ei tohiks kahjustada loetavust.
- Ole tahtlik ja läbimõeldud. Mõelge enne, kui loote.
- Veenduge, et see töötab erinevates suurustes.
- Pidage meeles ühtlust.
- Palun ainult vektorid!
- Kasutage värve ainult vajadusel ja tehke seda ettevaatlikult.
- See aitab teada põhigeomeetriat.
- Mõelge 'taskukohasusele' veendumaks, et kujundatud ikoon aitab üldist kujundust.
- Ikonograafia on keel, mis peaks olema universaalne.
- Boonus: tähestik on vaid 26 ikoonist koosnev komplekt.
Mängige kaasa ja vaadake, mida saate välja mõelda vähem kui 10 sekundi jooksul.
• • •
