#47Human Interface Guidelines閱讀心得

之前沒有完成的作業之一,Human Interface Guidelines內容很廣泛,不知道從何開始閱讀,所以一直拖著沒有認真閱讀,這次想有讀總比沒讀好😊其它沒讀到的部分等到實作中有遇到問題再來找也不遲。

以下寫幾項一開始設計App會想要先了解的規範

https://developer.apple.com/design/human-interface-guidelines

Color

https://pin.it/3blEjuq

顏色可以說是設計App很重要的一個環節,代表了品牌的形象

📌非遊戲類謹慎使用顏色

非遊戲的App避免使用過多的色彩,會讓畫面不夠清晰可見

📌避免用同一種顏色代指不同的東西

避免造成使用者操作App的過程中感到很混亂

📌確保顏色在淺色及深色模式下都可以協調

在兩種模式下所對比出來的顏色可能有所差異,假如背景及文字的對比度不夠明顯,會造成使用者眼睛感到很吃力

Dark Mode

Apple為了讓使用者有更舒適的體驗,Dark Mode可以提供在低光環境使用

https://pin.it/48HVH90

📌大部分都需要同時考慮兩種模式下的呈現方式

要顧慮淺色及深色兩種模式的畫面與閱讀難易度,只由極少數情況下會只考慮深色模式

Typography

📌盡量採用最小字號

避免過小的字號讓使用這閱讀不易

https://developer.apple.com/design/human-interface-guidelines/typography#Specifications

📌避免過多的字樣

📌避免採用較細的字體

App Icon

安排好App的主顏色,最重要的就是設計出一個好的App Icon

📌簡潔

Icon必須在小圖示中表達出此App是什麼,避免過多的線條導致使用者無法識別App

📌適應多個平台

Apple就是主打所有商品都可以互相連動,像是macOS、watchOS、Apple tvOS還有最新的,如果每個平台都使用不同的主元素設計Icon會造成使用者要找到需要的App時感到混亂

📌1024x1024正方形全像圖示

iOS、iPadOS 和 watchOS, 使用Xcode 提供1024×1024 個像素

--

--