Указанията за създаване на красиви икони

Изненадващо е, че средното качество на иконите на премия икона отличава само с няколко подробности. В днешната статия ще разгледаме прости инструкции за създаване на изключително атрактивни икони.

Като пример, помислете икона с изображение на куче Corgi. Ляв първоначалния си вид, в дясно - редактирана версия на инструкциите.

Въпреки съветите описани по-долу са уеб икони, те могат да се използват при създаването на иконата за печат, но трябва да се намали препоръки за пикселите.

Три атрибути на ефективни икони

Иконата на качеството комплекти отговарят на следните изисквания: форма на естетическото единство и осъзнаване.

Форма - е основната структура на иконите, начина, по който се прави. Ако пренебрегнете малките детайли и obvedete основни фигури, които получавате? Квадрат, кръг, вертикално или хоризонтално правоъгълник, триъгълник, или в свободна форма? Основни геометрични фигури: кръг, квадрат и триъгълник визуално създават стабилна основа за икони на дизайна. В този пример, икона с куче се състои от два триъгълника и овали.

естетически единство

Общи елементи в една икона или набор от икони, наречени естетически единство. Той елементи като остри или заоблени ъгли, по размер рамки, ширина на линията, стил, цветова палитра, както и много други. Те ви позволяват да комбинирате иконите в комплект заедно. Така например, трите икони по-долу имат общи елементи: заоблени ъгли в пиксел 2, наклонът на 45 ° уши и носове във формата на сърце.

признаване

Информираност - възприемане на иконите на продукта или нещо, което го прави уникален. Това зависи от това колко бързо на зрителя, когато погледнете иконата разбира, че тя изобразява. За да се подобри нужда разпознаване да се използват елементи, които са свързани с предмета или действие. По този начин добавянето на уникални елементи е добре дошъл, например, сърдечен нос. Не забравяйте, че информираността е важно не само за отделните икони, но и за целия набор.

Например, ние веднага разпознава тези икони Corgi куче порода хъски и чрез цвета, формата на главата и ушите, както и на общи елементи са наясно, че те принадлежат към един и същ набор.

Сега, след запознаване с основите, преминете към указанията на 6 стъпки към създаване на ефективна икона.

Стъпка 1. Решетка

Различни икони са подходящи окото на различни размери. В нашия пример, нека разгледаме мрежа от 32x32 пиксела, което в бъдеще ще ви помогнат да създадете основната форма за нашия дизайн.

2 пиксел широка външна линия трябва да се вземат за "рамка". Неговата цел - да се създаде малко пространство около иконата. Поставете всички елементи в тази област е крайно нежелателно.

Част форма икони - основна форма и ориентация. Ако се направи линия около краищата на иконите, ще имате определен форма: квадрат, кръг, триъгълник, правоъгълник, хоризонтално, вертикално или диагонално правоъгълник правоъгълник.

Ако част от кръга си от икони, тя трябва да се вмести в създадената рамка. Поставете позиции извън кръга могат да бъдат само за да се запази целостта, както е показано по-долу.

Квадратни икони обикновено също центрирани на стартовата решетка, но почти никога не изпълват цялото пространство в кадъра. За да се поддържа визуален еднаквост с кръгли и триъгълни икони, много правоъгълни и квадратни икони трябва да се изравнят по главницата линия в средната (оранжев зоната на изображението по-долу). Привеждане също ще зависи от теглото на изображението, трябва да изберете размер, който ще изглежда най-добре. Вижте примера по-долу. Три концентрични квадратен отбелязани тук, в синьо, оранжево и светло зелено.

Във вътрешността на площада до 32 пиксела можете да видите на вертикални и хоризонтални правоъгълници размера 20h28 пиксела. Когато създавате хоризонтални и вертикални икони от същия набор от нужда да се фокусира върху тези правоъгълници да поддържа еднаквост.

Диагонално ориентирани икони съответствие кръгова област, както се вижда на фигурата по-долу. В този случай, трябва да се приведат в краищата на изображението на кръг линия, но точността не е задължително.

Не забравяйте, че трябва да следвате тези указания не са винаги. Те само да ви помогне да направите иконите в набора от униформа. Ако, обаче, да се създаде зашеметяващ икони трябва да се нарушават правилата, почивката, но в умерени количества!

Стъпка 2. Простите геометрични фигури

Стъпка 3. пиксели

Опитайте се да направите най-ъгли, криви и склоновете на най-потвърден, но така, че дизайнът не изглеждаше скучна. С други думи, обърнете внимание на цифрите, но не се боя за очите. Непостоянството в тези части може значително да намали качеството на икони.

Един от най-забележителните области, които могат да намалят качеството на икони - завои. Това е възможно да се разбере, нали иконата професионален или любител. Съсредоточете се върху окото в този случай, също, че не е необходимо. Използвайте специални инструменти и погледнете числата, но не се боя на ръка. Можете също така да използвате инструментите за векторни.

Както можете да видите на снимката по-долу линия, ръчно рисувани изглежда груба, че веднага хваща окото.

Нормално заоблен ъгъл - 2 пиксела. икона 32x32 пиксела 2 на пиксела ще бъде съвсем ясно се вижда, но няма да прави ъгъла твърде кръг. Стойността ще зависи, за които желаете да създадете дизайн. Но не забравяйте, че всички икони, изложени трябва да се поддържа съгласуваност.

На тази версия на иконата показва как кръг ъглите, гладки пистите и спретнати обрати променила значително вид.

изчисление пиксела

Особено внимание да се пикселите е много важно при създаването на една малка картинка, или икона може да получи помия. Също така, не забравяйте за привеждане в съответствие на мрежата, което ще направи по краищата и криви идеално гладка и ясно.

Това не е толкова много внимание към пикселите може да бъде само, ако създавате голяма икона за висока разделителна способност екрани.

Широчината на линиите

Ширината на идеалната линия - 2 пиксела, три - Оптимална. Целта на използването на различни дебелина на линията - подчертават визуалната йерархия и разнообразието, най-важното е да не се прекалява. Ако сте използвали повече от три различни ширини, икони могат да загубят единство.

Предимствата на широки линии 2 и 4 пиксела - множеството от две, които им позволяват да изглежда добре в различен мащаб. Опитайте се да избягвате прекалено фини линии, особено при създаването на характер и плоски икони. За да създадете форма по-добре да се разчита на светлина и сянка, а не по линията.

Стъпка 4. Общи елементи

Ако се вгледате в изображението по-долу, можете да видите, че те са обединени от един общ елемент - малка степен. Наличието на тези компоненти играе много важна роля в дизайна на иконите. Това фокус създава единство и обединява всички набори от икони.

В нашия пример с икони Dog също използва общ елемент - с форма на сърце нос. Това не само позволява да се свържат заедно изображения, но също и да добавите към тях елемент на закачливост и непредсказуемост.

В повечето случаи, дори ако промените иконите на стил, на общите елементи, все пак ще се комбинират иконите, както се вижда на снимката по-долу.

Стъпка 5 Детайли

Икони трябва бързо да предават информация за обект, идея или действие. С помощта на голям брой части направите изображението твърде сложни, което го прави трудно да се разпознае. Важно е да се установи нивото на детайлност за целия набор от икони за поддържане на еднаквост. Разберете кога да спре, помощ е едно просто правило: Добавя детайли, а иконите стойност стане ясно.

Етап 6. Уникалността

Броят на дизайнерите създават икони, непрекъснато се разраства. Поради това, че не е лесно да се открояват.

Добави в работата си уникален елемент - например, носа във формата на сърце, което позволява на иконата, за да изглежда свежа и интересна.

Използвайте стъпките като насоки, а не правила, описани по-горе. Няма един единствен подход към създаването на икони. Най-добрият начин да се превърне в добър дизайнер - да експериментират, да научат работа на други хора, за да търсят вдъхновение в други области и постоянно се практикува.