據(jù)外媒報道，蘋果正在考慮將Siri的屏幕界面集成到新款iPhone上的“靈動島”中，并有望加入到即將發(fā)布的iOS17中。

目前，通過按下按鈕或使用“Hey Siri”語音命令調(diào)用Siri，會導(dǎo)致動畫球體出現(xiàn)在屏幕底部，背景內(nèi)容則變暗，影響用戶體驗。

將Siri交互界面移至“靈動島”可能會讓屏幕內(nèi)容保持完整視圖，另外，“更多”通知會出現(xiàn)在“靈動島”界面上。

預(yù)計蘋果今年會將“靈動島”軟硬設(shè)計擴展到所有四款iPhone 15機型上。

事實上，蘋果在用戶界面（UI）設(shè)計上大做文章已經(jīng)不是新鮮事了，

在iOS1*的更新中，我們已經(jīng)可以看出：蘋果在走一步很大的棋……

#1

iOS1*的大升級

Winland ArtDesign

在去年剛剛發(fā)布的iOS1*，帶來的鎖定屏幕更新，可以稱得上是iPhone近幾年來UI變化最大的一次。

為了更加突出個性化的需求，用戶可以自定義鎖屏界面字體風(fēng)格，并插入各類小組件，讓信息一目了然。

不僅如此，用戶還可以創(chuàng)建多個不同的鎖定屏幕，設(shè)定它們各自的背景和風(fēng)格，并輕松切換；還能瀏覽墻紙圖庫，從精選照片主題中找尋靈感。

同樣是為了突出個性化的壁紙，蘋果對通知的位置也做了調(diào)整，相同app通知進(jìn)行疊放展示在屏幕底部，避免遮擋主屏幕的內(nèi)容。

與此同時，消息通知也不再是一成不變的，消息本身也有了實時活動的功能，可以在不解鎖的情況下查看app動態(tài)，并控制音樂播放器等app。

除了這些主要的頁面布局更新之外，此次的鎖定屏幕還有不少效果細(xì)節(jié)上的小巧思。

比如上方文字與壁紙主體的景深效果、不同壁紙切換時的動態(tài)效果、天氣壁紙呈現(xiàn)的實時效果等，都讓以往千篇一律的鎖屏界面有了“靈氣”。

而隨著靈動島在后續(xù)機型上的推廣，我們有理由相信，在今年夏天即將發(fā)布的iOS17中，還會有更多新的UI設(shè)計陸續(xù)到來。

#2

UI到底有多重要

Winland ArtDesign

說到靈動島，剛推出的時候很多人以為是蘋果前所未有的“高科技絕活”，但經(jīng)過半年的普及之后我們都知道，它的本質(zhì)其實就是利用UI的手段去解決“劉?！钡挠布y題。

那么蘋果究竟為何如此重視UI設(shè)計呢？

其實蘋果注重的不是UI設(shè)計本身，而是它背后的交互設(shè)計。

眾所周知，交互設(shè)計是近年來新興專業(yè)中最熱門的一個領(lǐng)域，更是藝術(shù)留學(xué)最熱門的專業(yè)。

而UI設(shè)計正是一門融合了平面設(shè)計和交互設(shè)計的跨專業(yè)學(xué)科，最早起源于網(wǎng)頁設(shè)計中。

隨著互聯(lián)網(wǎng)從電腦端發(fā)展到移動端，界面設(shè)計也逐漸從交互設(shè)計的大類下漸漸獨立出來，并有了屬于自己的名字：用戶界面設(shè)計（User Interface Design）。

在交互設(shè)計的架構(gòu)中，UI設(shè)計屬于第五層的視覺層，決定了產(chǎn)品最終的視覺呈現(xiàn)，設(shè)計師除了要對交互行為有所探究，還要考慮產(chǎn)品的視覺觀感，對美學(xué)能力的要求偏高。

單獨考慮交互設(shè)計邏輯，而不思考用戶界面的美感，往往會失去用戶的“第一好感”；

但如果只做好平面設(shè)計，在使用過程中，又很難滿足用戶的實際需求。

而蘋果作為世界知名科技公司，深知UI設(shè)計是消費者面對一個科技產(chǎn)品（包括硬件和軟件）時最重要的“第一印象”之一；

況且蘋果自己應(yīng)該也很清楚，在外觀設(shè)計方面，從iPhone 11起已經(jīng)連續(xù)三代沒什么太大的改變，?cè)客瞥霾煌念伾珌砦脩簦?/p>

這時，UI設(shè)計對于增加產(chǎn)品亮點、突出個性起到了極強的作用。

當(dāng)然，懂得這個道理的也不止蘋果一家。

目前很多科技廠商、互聯(lián)網(wǎng)大廠都十分緊缺交互類復(fù)合型人才，這是因為UI設(shè)計師必須同時掌握平面和交互兩方面的知識，同時考慮視覺傳達(dá)效果、交互行為路徑、信息框架、可使用性等多個設(shè)計維度。

也正是因為這個原因，?cè)缃瘢傄訳I設(shè)計為代表的交互類專業(yè)，已經(jīng)成為藝術(shù)留學(xué)最熱門的專業(yè)之一。

為了讓大家能夠更清楚地了解交互設(shè)計、用戶界面（UI）設(shè)計、用戶體驗（UX）設(shè)計之間的關(guān)系，明確適合自己的方向，

4月20日（周四）19點，文藍(lán)藝術(shù)特邀前支付寶交互設(shè)計師——Betty，幫大家理清UI/UX的區(qū)別，以及制作交互作品集項目的思路！

提前預(yù)約

#3

如何入門UI？

Winland ArtDesign

UI設(shè)計雖然不是因移動互聯(lián)網(wǎng)而生的，但的確是因移動互聯(lián)網(wǎng)的發(fā)展而火起來的。

尤其是在國內(nèi)，移動互聯(lián)網(wǎng)發(fā)展速度飛快，這也就讓UI設(shè)計的需求成為了幾乎所有擁有線上業(yè)務(wù)的企業(yè)的剛需。

但其實當(dāng)我們在網(wǎng)絡(luò)上搜索專業(yè)信息時卻會發(fā)現(xiàn)，并沒有什么學(xué)校開設(shè)有UI設(shè)計專業(yè)，這是為什么呢？

事實上，由于UI設(shè)計隸屬于交互大類，同時有不少視覺傳達(dá)設(shè)計的成分，所以一般都是融合在平面設(shè)計、體驗設(shè)計或交互設(shè)計等專業(yè)當(dāng)中。

那么作為普通的藝術(shù)留學(xué)生，我們應(yīng)該如何入門UI設(shè)計？在此過程中又該注意哪些要素呢？

1

平面設(shè)計

總的來說，想要入門UI設(shè)計，首先需要做到的就是“能畫圖，懂審美”。

首先，UI設(shè)計師需要懂得如何通過顏色和排版的運用，突出邏輯重點，淡化無關(guān)要素；

同時，注重用戶界面圖標(biāo)設(shè)計風(fēng)格的統(tǒng)一化，運用AI、Procreate制作初稿之后，運用AE增加動效設(shè)計；

最后還要注意頁面跳轉(zhuǎn)動效的設(shè)計，這是決定用戶使用過程中“是否會出現(xiàn)卡頓感”的關(guān)鍵。

如果還是不太清楚具體該如何制作UI設(shè)計項目的話，不如來借鑒一下拿到offer的人們都是怎么做的：

掃碼添加*

回復(fù)【平面】咨詢

2

交互設(shè)計

除了要讓畫面有美感之外，UI設(shè)計的重心還是要讓用戶能夠輕而易舉地使用app或網(wǎng)頁，完成自己的需求。

這就要求UI設(shè)計師深入研究心理學(xué)，了解用戶的思維路徑，將不同的功能圖標(biāo)安置在最合理、最符合邏輯的位置。

這一思路說復(fù)雜也復(fù)雜，說簡單也簡單，只要我們牢牢把握住交互設(shè)計的五大設(shè)計要素——行為、用戶、目的、媒介、場景，就不愁做不出好的作品。

一般情況下，我們可以從交互設(shè)計的邏輯中提煉出五大思維點作為主線，分別是：

發(fā)現(xiàn)問題

建立用戶畫像

找準(zhǔn)設(shè)計痛點

評估產(chǎn)品的可實施性

制作信息架構(gòu)和用戶任務(wù)流程圖

如果說制作作品集項目的話，還要在最后加入項目的排版和視覺呈現(xiàn)步驟。

因此，想要成為優(yōu)秀的UI設(shè)計師絕不是一件容易的事，一定要找準(zhǔn)具有優(yōu)秀資源的、且適合自身職業(yè)規(guī)劃的院校才能學(xué)習(xí)到交互設(shè)計的精髓！

都有哪些院校開設(shè)了UI設(shè)計專業(yè)？

它們各自有哪些要求和側(cè)重？

作品集和文書該如何準(zhǔn)備？

為你量身打造專業(yè)的交互留學(xué)規(guī)劃！

你可能錯過的往期干貨

全美第4的藝術(shù)名校，為何總是爭議不斷？

什么作品集，能讓考官過目不忘直發(fā)offer？

就業(yè)沒在怕的！那些坐擁校企合作的藝術(shù)院校！