Миналия месец Apple представено Новата OS X Йосемити, който е получил значителни визуални иновации, които стоят зад IOS 7. Kupertinovtsy добавен в размазване ефекти и прозрачност, които сме направили интерфейса по-плоски, актуализиран шрифта система и иконите.
Нови икони в Dock - любимата ми обновяване на Йосемити. Първото нещо, което хората искат да обсъдят появата, но има много сравнения икони Маверикс и Йосемити. Икони са спретнат, изгубен блясък, но стана по-ярка и са запазили някои елементи skeuomorph. Мисля, че иконата на Finder и настройките са красиви, Safari икона изглежда по-добре от IOS и иконите калкулатор, Game Center и FaceTime изглеждат ужасно.
Отличен. Нека да продължим.
В действителност, за новите икони се крие нещо повече от просто една нова боя. Вместо да ги критикува, аз отивам да се анализират в дълбочина икони и да се фокусира върху малките детайли. Той прекарва много време през последните няколко седмици. Така че, това, което намерих?
док
Формата и размера на иконите е коригирано, за да се осигури най-доброто визуално преживяване. Изглежда, че това е постигнато чрез използването на мрежата, но аз ще стигнем до това след беседа фигури.
Фигурите и мрежата
Apple дизайнери копират системата икони за Йосемити. Има три основни форми, използвани за създаване икони: кръг, квадрат и правоъгълник наклонени. Очевидно е, че Apple се отклонява от тази система на някои места, но това очевидно не е поразителен. За да разберем по-добре тези форми, аз се присъединих към тях с решетка от икони от IOS 7. Аз не съм изместен парчета, така че те са на правилните места.
Не съм изненадан, че кръгът и площада ясно се вписват в контурите. Сега нека да погледнем на нетната заедно с тази икона. За по-голяма яснота аз намалява плътността на иконите.
Иконата и системни настройки Очертава iBooks почти съвършено синхронизирани с мрежата. Дръжката на иконата TextEdit намира между двете общности, може да се твърди, че само с голям резерв.
Може да забележите, че иконата на Настройки малко по-малък диаметър на отворите. Apple не използва два размера за площада. и настройки Finder са една и съща ширина, и на терминала и мониторинг на системата - от друга.
На икона писмото на App Store "А" леко извън определените граници, с по-малко тежка форма, отколкото в книгата. Наклонен правоъгълник заслужава специално внимание, тъй като това е най-често срещаният тип на икони за програмите за трети страни.
Ако започнете да въртите правоъгълника боядисани в версия на системата на стария, а след това все още трябва да го наруши в дългосрочен план, за да съответства на фигурата. В Йосемити фалшива достатъчно, за да добавите дълбочина на страниците на книга или сенки. Иконите в новата система за по-лесно за потребителя, и за художника. Това е трудно да се опише, но на снимката по-горе е показано, разликата. За такива икони няма нужда от 3D рафт.
за WWDC 2014 имаше много хора, спекулация по темата на иконите в Йосемити. Приема се, че всички от тях ще се появи под формата на елипса или окръжност. За щастие, това не е така. Мисля, че Apple дизайнери направиха страхотна работа, за да се създаде една икона на стила, оставяйки на разработчиците да създават свои собствени уникални версии.
Аз адаптиран IOS 7 решетка за създаване на актуализиран решетка за Йосемити:
йерархия цифри
Лесно е да се пресели от експериментите, когато се въвежда нов визуален стил. Спрете за момент и не забравяйте това, което прави молбата си и към коя категория. В крайна сметка, една фигура може да представлява категория по-добър от другия.
кръг
Може би иконите на кръговете, които се използват за приложения, които са част от основния софтуер, или предназначени за забавление. Те са приятни за гледане, но е съмнително дали такава програма ще бъде насочена към професионалисти.
квадрат
Изглежда, че на централния площад икони ще бъдат използвани за системни инструменти. Търсач, терминал, конфигурацията на системата и мониторинг система монтира стил. Някои икони всъщност може да бъде наклонена, но те също така се използва квадратна форма.
Наклонена правоъгълник
Тези икони винаги са били отличителен белег на OS X. Наклонен правоъгълник ще бъде най-използваната форма на всички споменати. Тези икони са приложения, които помагат да изпълняват никаква работа. Те имат най-голяма гъвкавост при изготвянето опции, така че те по-добре ще разберат целта на програмата с уникалния си външен вид.
Светлинни ефекти и материали
Нови икони Йосемити не е просто боядисани в специфични цветове. Ако се вгледаме в тях по-отблизо, става ясно, че ние виждаме отражението на околната среда. Например, може да се вижда ясно, като погледнете в металната дръжка, показан по-горе.
Крейг Federighi описан новият срок на док прозрачния материал, когато Apple представи Йосемити. Много хора смятаха, че е прост размазване и ефекти на прозрачност. Въпреки това, той наистина изглежда така, сякаш е създадена от истински материали, като същевременно се поддържа външния вид ласкае. Можем да проследим тази идея в много икони. Например, метални ръбове на терминала са икони, системните настройки и мониторингова система.
На снимката по-долу 3D сфери разположени върху плоска повърхност и отразяване на околната среда, ще ви помогне по-добре илюстрира какво имам предвид.
Обхват на ляво не е направен от отразяващ материал. Въпреки това, все още можете да видите оранжев нюанс, нюанси на зелено, жълто и кафяво, отразено на сферата. Това е начина, по който се държат някои "плосък" обекти в Йосемити.
Обхватът на правото е изработен от хром, което отразява това, което се случва около като огледало. Това е подобно на образа на метални предмети в Йосемити. В системата, те изглежда алуминий, като поради това повече дифузен и фините ефект на отражение.
Това са най-фините детайли в икони OS X Йосемити проследени навсякъде.
Сега е твой ред
Фигура мрежа, осветление и детайлите са важни, но е важно да се помни, че това е само насоки. Един добър дизайнер знае кога да вземе малко почивка от системата. Ако сте начинаещ в икона дизайн, препоръчвам ви да се следват стриктно принципите на тези правила. Обърнете внимание на цялостната форма на иконата, помислете за материалите, които се опитват да обрисуват.
Обединяването на всички икони с някои фигури има смисъл. Въпреки това, не всички приложения ще бъдат или трябва да спазват този принцип. икони на трети страни са много лесни за място, така че не забравяйте за ъгъла на наклона, осветление и габарити. Сега можете да започнете работа по своя собствена икона за OS X Йосемити! В може да се използва като начална точка PSD файлове с цифрите и мрежата, създадена от мен.
чрез Martiancraft