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

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

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

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

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

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

#1

iOS1*的大升級

Winland ArtDesign

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

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

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

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

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

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

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

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

#2

UI到底有多重要

Winland ArtDesign

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

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

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

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

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

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

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

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

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

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

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

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

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

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

也正是因?yàn)檫@個(gè)原因，?cè)缃?，以UI設(shè)計(jì)為代表的交互類專業(yè)，已經(jīng)成為藝術(shù)留學(xué)最熱門的專業(yè)之一。

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

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

提前預(yù)約

#3

如何入門UI？

Winland ArtDesign

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

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

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

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

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

1

平面設(shè)計(jì)

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

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

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

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

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

掃碼添加*

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

2

交互設(shè)計(jì)

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

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

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

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

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

建立用戶畫像

找準(zhǔn)設(shè)計(jì)痛點(diǎn)

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

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

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

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

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

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

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

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

你可能錯過的往期干貨

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

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

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