Grafik
Not
Den här designguiden skapades för Windows 7 och har inte uppdaterats för nyare versioner av Windows. Mycket av vägledningen gäller fortfarande i princip, men presentationen och exemplen återspeglar inte vår nuvarande designvägledning.
Visuella objekt innehåller andra visuella element än kontrollerna. De här riktlinjerna hjälper dig att fatta beslut om layout, teckensnitt, färg, ikoner och så vidare i din app.
I det här avsnittet
Ämne | Beskrivning |
---|---|
Layout |
Layout är storlek, avstånd och placering av innehåll i ett fönster eller en sida. Effektiv layout är avgörande för att hjälpa användare att hitta det de letar efter snabbt, samt göra utseendet visuellt tilltalande. Effektiv layout kan göra skillnaden mellan design som användarna omedelbart förstår och de som gör att användarna känner sig förbryllade och överväldigade. |
teckensnitt |
Användare interagerar med text mer än med något annat element i Microsoft Windows. Segoe UI (uttalas "SEE-go") är Windows-systemteckensnittet. Standardteckensnittsstorleken har ökats till 9 punkter. |
färg |
Färg är ett viktigt visuellt element i de flesta användargränssnitt. Utöver ren estetik har färg tillhörande betydelser och framkallar känslomässiga svar. För att förhindra förvirring i innebörden måste färgen användas konsekvent. För att få önskade känslomässiga svar måste färgen användas på lämpligt sätt. |
ikoner |
Ikoner är bildrepresentationer av objekt, viktiga inte bara av estetiska skäl som en del av ett programs visuella identitet, utan också av utilitaristiska skäl som förkortning för att förmedla mening som användarna uppfattar nästan omedelbart. Windows Vista introducerar en ny stil av ikonografi som ger en högre detaljnivå och sofistikering till Windows. |
standardikoner |
Standardikoner är ikonerna för fel, varning, information och frågetecken som ingår i Windows. |
animeringar och övergångar |
Strategisk användning av animeringar och övergångar kan göra ditt program enklare att förstå, känna sig smidigare, mer naturligt och av högre kvalitet och vara mer engagerande. Men den meningslösa användningen av animationer och övergångar kan göra ditt program distraherande och till och med irriterande. |
grafiska element |
Grafiska element visa relationer, hierarki och betoning visuellt. De omfattar bakgrunder, banderoller, glas, aggregatorer, avgränsare, skuggorer och referenser. |
Ljud |
Sound är ljudelementet i användarupplevelsen. När det används på rätt sätt kan ljud vara en effektiv form av kommunikation som etablerar en icke-verbal och till och med känslomässig relation med dina användare. Ljud kan användas ensamt eller som ett komplement till det visuella användargränssnittet. Om du till exempel lägger till en ljudeffekt i ett meddelande ökar sannolikheten för att det kommer att märkas, särskilt om användaren inte tittar på skärmen när en händelse inträffar. |