?

全國統一服務熱線:18021770366

站內公告:

淮安市嘉瑞廣告有限公司主要提供廣告設計制作安裝服務以及網站制作,是一家經驗豐富的廣告設計制作公司,擁有十幾年廣告設計制作經驗!

聯系我們CONTACT

地址:淮安市翔宇大道1009號
熱線:0517-8588 1663
Q Q:34665706
郵箱:[email protected]

18021770366

新聞中心

當前位置:主頁 > 新聞中心 >

Apple 的設計淮安廣告公司哲學·UI篇

2020-01-15 點擊量:

在上篇文章《Apple設計哲學 · 交互篇》中,我們談到了 Apple 在交互層面創造的一系列愉悅體驗?,F在,我將繼續分享蘋果設計哲學的第二個部分「UI篇」。

通常,硬件的外觀僅僅是作為一種體驗的容器存在,而軟件用戶界面(User Interface)的體驗,則決定了我們是否喜歡這個設備。下面,就和大家看看 Apple 在界面方面做的努力。

01. 高度統一的設計語言

蘋果的設計語言有四個標志性特征:平滑圓角矩形 (Squircle)、陰影 (Shadows)、半透明 (Translucency) 和高斯模糊 (Blurring),它們幾乎貫穿整個系統。從原生應用:相冊、App Store 應用商店、音樂都有這些元素,并且高度統一。
 

Apple 的設計哲學·UI篇

App Store 十年變化

- 圓角矩形

從 iOS 7 轉型扁平化的今天,蘋果完成了對「圓角矩形」的終極運用。蘋果引入了工業設計中連續曲率概念,應用在圓角圖標的輪廓之上。

Apple 的設計哲學·UI篇

圓角矩形

 

但真正意義上的運用,體現在 iPhone X 發布之后。得益于 OLED 柔性屏和 COP 封裝,iPhone X 四邊等寬的機身達到了最高的設計美學,屏幕的外輪廓也追隨機身形態,于是就有了圓角的 Dock。

Apple 的設計哲學·UI篇

蝸牛讀書 App

 

在《致匠心,以設計》這本書中有提到蝸牛讀書App,在大的彈窗和卡片引入了曲率圓角。雖然這是一個很細節的設計,甚至感知不到。但它就是設計師不斷追求的東西。

- 陰影、半透明和高斯模糊

投影可以凸顯內容的重要性,半透明和高斯模糊暗示背后有更多的內容,同時可以保持界面輕盈、通透。

Apple 的設計哲學·UI篇

Apple Music iOS 13 版本
 

相對于 iOS 12,iOS 13 將半透明的特性更進一步。除了迷你播放器之外,Apple Music 的底部導航菜單也變成半透明+高斯模糊了。

細心觀察,微信同樣認同這種語言,在頂欄和底欄做了微弱的半透明和模糊。

Apple 的設計哲學·UI篇

相冊 iOS 13 版本

 

而系統相冊的更新,則延續了 App Store 應用商店的卡片樣式。至此,圓角、投影、半透明和高斯模糊,這四個特征在相冊界面皆得到了印證。

02. 極致的圖標細節

- 語音備忘錄

就拿語音備忘錄來說,它的音軌圖形并不是隨意畫出來的。而是用錄音功能,說出“Apple”這個單詞,所呈現的音軌波形。

Apple 的設計哲學·UI篇

語音備忘錄 & Apple單詞的音軌

 

而且,還有一個小細節是,語音備忘錄是唯一支持180°豎屏旋轉的自帶應用。因為它常見的使用場景是采訪,需要將手機底部的麥克風對著受訪者,而這時圖形界面是反的。所以支持旋轉,這是一個基于用戶使用場景的細節設計。

- 地圖

在蘋果地圖 App 圖標上有一個角標「280」,它代表的是蘋果所在的總部位置,一條位于美國加州 280 州際公路附近。

Apple 的設計哲學·UI篇

蘋果地圖 App

另外,新的圖標里,右上角露出了 Apple Park ,也就是我們熟知的飛船圖形,這和實際的平面地圖完全吻合。

Apple 的設計哲學·UI篇

蘋果新總部位置

- Safari 瀏覽器

?
渡劫5龙宫赚钱 什么炒股app按秒 涨停股票预测 体彩福建31选7开奖结果 福建11选五5开奖 股票开户流程当选金多多策略 上海十一选五开奖号码 在线配资流程 河北十一选五看技巧官网 股票配资网站·x首选配资658 江苏十一选五遗漏数