Application pictogrammen in OS X Yosemite: een gedetailleerd overzicht

Vorige maand, Apple gepresenteerd nieuwe OS X Yosemite, die belangrijke visuele innovaties achter zich heeft gekregen iOS 7. Kupertinovtsy toegevoegd onscherpte-effecten en doorschijnendheid, hebben we de interface vlakker gemaakt, bijgewerkt het systeem lettertype en pictogrammen.

Nieuwe iconen in de Dock - mijn favoriete update naar Yosemite. Het eerste wat mensen willen om het uiterlijk te bespreken, maar er zijn veel vergelijkingen iconen Mavericks en Yosemite. Iconen zijn netter, verloren glans, maar het werd helderder en hebben behouden enkele elementen skeuomorph. Ik denk dat het Finder-symbool en de instellingen zijn mooi, Safari icoon ziet er beter uit dan iOS en rekenmachine iconen, Game Center en FaceTime ziet er verschrikkelijk uit.

Excellent. Laten we verder gaan.

In feite, voor de nieuwe iconen ligt iets meer dan alleen een nieuwe verf. In plaats van ze te bekritiseren, ik ga een diepgaande analyse van de pictogrammen en de focus op kleine details. Hij bracht veel tijd in de afgelopen weken. Dus, wat ik heb gevonden?

dok

De vorm en de grootte van de pictogrammen is aangepast aan de beste visuele ervaring te bieden. Het lijkt erop dat dit is bereikt door het gebruik van het net, maar ik zal na een gesprek cijfers om dat te krijgen.

De figuren en de grid

Apple ontwerpers gekopieerd de icoontjes systeem Yosemite. Er zijn drie basisvormen gebruikt iconen: cirkel, vierkant en rechthoekig schuin. Het is duidelijk dat Apple afwijkt van dit systeem op sommige plaatsen, maar dit is duidelijk niet opvallend. Om beter te begrijpen deze formulieren, ik bij hen met een raster van iconen uit iOS 7. Ik heb niet verschoven de stukken, zodat ze op de juiste plaatsen.

Ik ben niet verbaasd dat de cirkel en het vierkant duidelijk passen in de contouren. Laten we nu eens kijken naar het net samen met deze icoon. Omwille van de duidelijkheid verminderde I de dekking van de iconen.

Contouren iBooks-pictogram en systeeminstellingen bijna perfect afgestemd op de grid. Een handvat aan de Teksteditor pictogram gelegen tussen de twee gemeenschappen, kan worden gesteld dat slechts met grote reserve.

U zult merken dat de instellingen het pictogram van een iets kleiner maaswijdte. Apple maakt gebruik van twee maten voor het plein. en Finder instellingen zijn even breed en de terminal en controle van het systeem - andere.

Op de App Store-symbool letter "A" enigszins buiten de vastgestelde grenzen, met minder ernstige vorm dan in het boek. Hellend rechthoek verdient bijzondere aandacht, want het is de meest voorkomende vorm van pictogrammen voor programma's van derden.

Als u begint met de rechthoek geschilderd in de oude versie van het systeem te draaien, dan moet je nog steeds om het te vervormen op de lange termijn, om de vorm aan te passen. In Yosemite valse genoeg om diepte toe te voegen aan de pagina's van een boek of schaduwen. De pictogrammen in het nieuwe systeem gemakkelijker voor de gebruiker en voor de kunstenaar. Het is moeilijk te beschrijven, maar de foto hierboven helpt illustreren het verschil. Voor dergelijke iconen is geen noodzaak voor 3D-plank.

naar WWDC 2014 er waren veel speculatie op het thema van de pictogrammen in Yosemite. Er werd van uitgegaan dat alle van hen zal verschijnen in de vorm van een ellips of een cirkel. Gelukkig, het was niet zo. Ik denk dat Apple ontwerpers heeft een geweldige job om een ​​enkele icoon van stijl te creëren, waardoor ontwikkelaars om hun eigen unieke versies te maken.

Ik aangepast iOS 7 raster om een ​​bijgewerkte rooster maken om Yosemite:

hiërarchie cijfers

Het is gemakkelijk meeslepen door de experimenten, wanneer de nieuwe visuele stijl wordt geïntroduceerd om zich te gedragen. Stop voor een moment en herinneren wat maakt uw toepassing en tot welke categorie. Immers, één figuur een categorie beter dan de andere te vertegenwoordigen.

rondje

Misschien is de cirkel pictogrammen worden gebruikt voor toepassingen die deel uitmaken van de basis software, of bedoeld voor entertainment. Ze zijn aangenaam om naar te kijken, maar het is twijfelachtig of een dergelijk programma zal worden gericht op professionals.

vierkant

Het lijkt erop dat in het centrale plein pictogrammen worden gebruikt voor systeem-hulpprogramma's. De Finder, terminal, systeemconfiguratie en systeem monitoring passen bij de styling. Sommige pictogrammen daadwerkelijk kan worden geneigd, maar ze gebruiken ook een vierkante vorm.

geneigd rechthoek

Deze pictogrammen zijn altijd het kenmerk van OS X. geweest Schuin rechthoek de meest gebruikte vorm van genoemd worden. Deze pictogrammen zijn toepassingen die helpen om alle werkzaamheden uit te voeren. Ze hebben de grootste flexibiliteit bij de uitwerking opties, zodat ze beter het doel van het programma met zijn unieke uitstraling zullen begrijpen.

Lichteffecten en materialen

Nieuwe iconen Yosemite is niet zomaar geschilderd in specifieke kleuren. Als we kijken naar hen nauwer, wordt het duidelijk dat we zien de reflectie van het milieu. Zo is duidelijk te zien door te kijken naar de metalen handgreep, hierboven.

Craig Federighi beschreef de nieuwe plank dock doorschijnend materiaal, toen Apple de Yosemite geïntroduceerd. Velen dachten dat het was een eenvoudige blur en transparantie-effecten. Echter, het is echt lijkt alsof gemaakt van echte materialen met behoud van een vlakkere uiterlijk. We kunnen dit idee te traceren in vele iconen. Bijvoorbeeld de metalen randen van de terminal pictogrammen, systeeminstellingen en controlesysteem.

Op de foto hieronder 3D gebieden gerangschikt op een vlakke ondergrond en als gevolg van de omgeving, zal beter te illustreren wat ik bedoel.

Reikwijdte van de linker is niet gemaakt van reflecterend materiaal. U kunt echter nog steeds de oranje tint, de kleuren groen, geel en bruin, terug te vinden op de bol. Dat is hoe ze zich gedragen wat "platte" objecten in Yosemite.

De omvang van het recht wordt gemaakt van chroom, waaruit wat er rondom als een spiegel. Dit is vergelijkbaar met het beeld van metalen voorwerpen in Yosemite. In het systeem, blijken ze aluminium heeft hierdoor meer diffuse en subtiele effect van reflectie.

Dit zijn de subtiele details in pictogrammen OS X Yosemite overal getraceerd.

jouw beurt

Figuur rooster, verlichting en de details zijn belangrijk, maar het is belangrijk om te onthouden dat het slechts richtlijnen. Een goede ontwerper weet wanneer hij moet een kleine pauze van het systeem. Als je een beginner bent in design icoon, adviseer ik u om strikt aan de principes van deze regels. Let op de algemene vorm van het pictogram, na te denken over de materialen die proberen te portretteren.

De combinatie van alle pictogrammen met een aantal cijfers zinvol. Echter, niet alle aanvragen zijn, of moet voldoen aan dit principe. Third-party iconen zijn zeer eenvoudig te herkennen, dus vergeet niet over de hellingshoek, de verlichting en de totale omvang. Nu kun je werken beginnen op hun eigen icoon voor OS X Yosemite! In kan worden gebruikt als uitgangspunt PSD-bestanden met de cijfers en het rooster gemaakt door mij.

via Martiancraft