作者：TUTU兔

轉(zhuǎn)載請注明：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

源起

由于之前曾經(jīng)在后臺(tái)系統(tǒng)開發(fā)公司工作過的緣故，所以有些后臺(tái)管理系統(tǒng)界面的產(chǎn)出。后來雖然從那家公司離職，但也接到過一些后臺(tái)界面設(shè)計(jì)和優(yōu)化的項(xiàng)目，前前后后也快十來個(gè)了。

這里想分享下一些關(guān)于后臺(tái)界面設(shè)計(jì)的觀點(diǎn)（tucao）。

一，定義好表格規(guī)范強(qiáng)于為每個(gè)表格出設(shè)計(jì)稿

表格是構(gòu)成后臺(tái)使用界面的重要組成之一，聚合了眾多信息并提供操作入口。并且后臺(tái)系統(tǒng)中一般會(huì)需要數(shù)量眾多的表格。

這種情況下如果每張表格都出設(shè)計(jì)稿，是一件很費(fèi)時(shí)費(fèi)力的事情，更關(guān)鍵的是對開發(fā)落地不一定有什么實(shí)際意義。

所以這種情況下，定義好表格規(guī)范要遠(yuǎn)遠(yuǎn)強(qiáng)于為每個(gè)列表出設(shè)計(jì)稿。

下圖是在某系統(tǒng)設(shè)計(jì)中定義的表格規(guī)范，定義了不同信息之間的間距，信息塊內(nèi)部的浮動(dòng)間距等。

二，考慮未來頁面信息密度增高的情形，避免使用過大的組件。

2019年在某系統(tǒng)設(shè)計(jì)中，由于初期頁面內(nèi)容比較少，為了讓用戶擁有更大的點(diǎn)擊操作區(qū)域，利用頁面空間，所以讓下拉菜單，輸入框等控件略微大了一點(diǎn)點(diǎn)。

后來頁面內(nèi)容逐步增多，特別是篩選功能越來越多時(shí)，就尷尬了。使用原有的控件，篩選區(qū)域就會(huì)臃腫不堪，擠占信息展示區(qū)域的空間。新設(shè)計(jì)控件又會(huì)與其他頁面不統(tǒng)一，修改工作量會(huì)很大。

所以即便頁面信息少，也要考慮頁面信息密度增高的情形，避免是使用過大的組件。

三，根據(jù)用戶常用的顯示器分辨率設(shè)計(jì)后臺(tái)

一般情況下我們會(huì)按1920px的寬度出設(shè)計(jì)稿，然后再交付給開發(fā)做自適應(yīng)。

但是后來發(fā)現(xiàn)頁面信息密度很高時(shí)，簡單粗暴的自適應(yīng)難免會(huì)不盡人意。

并且實(shí)際工作環(huán)境中，很多后臺(tái)的使用者幾乎全部情形都是用筆記本，這種情形下使用筆記本的尺寸設(shè)計(jì)更為合適，或者使用1440px的寬度出設(shè)計(jì)稿，平衡對大小屏幕的設(shè)計(jì)考慮。

最好的方式當(dāng)然是與需求方充分溝通，商定設(shè)計(jì)稿寬度。很多需求部門的電腦都是統(tǒng)一采購的，顯示器分辨率是全部統(tǒng)一的。

2020年某ERP設(shè)計(jì)項(xiàng)目，一張表單以1920px寬度出了設(shè)計(jì)稿，后來應(yīng)甲方需要，另外單獨(dú)出了一版1200px版本。

四，與開發(fā)討論使用何種組件庫，基于組件庫提供界面優(yōu)化方案

在實(shí)際的后臺(tái)項(xiàng)目開發(fā)過程中，很多項(xiàng)目并不使用自己定制的組件庫，而是使用第三方框架。

這種情形下最合適的方式是與開發(fā)討論使用何種組件庫，基于組件庫提供界面優(yōu)化方案，基于組件庫提供高密度復(fù)雜頁面的編排，重難點(diǎn)頁面的設(shè)計(jì)。

設(shè)計(jì)的產(chǎn)出應(yīng)該以實(shí)際實(shí)現(xiàn)效果為導(dǎo)向，而不是止步于設(shè)計(jì)稿。

幾個(gè)常用的組件庫

https://www.iviewui.com/

https://element.eleme.cn/#/zh-CN/resource

https://ant.design/docs/spec/introduce-cn

五，嘗試考慮使用卡片展示列表信息

后臺(tái)頁面中經(jīng)常會(huì)存在大量列表的情形，如果某個(gè)列表字段不多并不會(huì)隨便增加，可以嘗試一排信息放在一張卡片上，使用卡片展示列表信息，改變頁面單調(diào)的版式。

不過字段，操作按鈕一旦增加，就比較麻煩了。

六，導(dǎo)航區(qū)不要過大，盡量給工作區(qū)留出空間。

如果使用固定寬度的導(dǎo)航區(qū)，過寬的導(dǎo)航區(qū)會(huì)擠占工作區(qū)的空間，在筆記本等小屏幕電腦上會(huì)更加明顯。所以需要合理控制大小。

七，靈活使用不同板塊樣式，分隔方式區(qū)分高密度頁面中的信息

后臺(tái)設(shè)計(jì)中經(jīng)常會(huì)遇到一個(gè)頁面需要顯示很多不同類型信息的需求，可以使用不同底色，卡片，不同層級的分隔線來分割版面，實(shí)現(xiàn)不同類型信息的區(qū)別顯示。

應(yīng)客戶需要，這張客戶詳情頁面只能以彈窗形式出現(xiàn)。反復(fù)使用底色分割，在盡可能簡潔的同時(shí)將不同信息區(qū)分開來。

結(jié)語

以上的觀點(diǎn)僅代表個(gè)人的看法，可能有一些無法令人接受，歡迎各位一起探討，或者給出更好的解決方案。

感覺有幫助的話點(diǎn)個(gè)贊喲~

作者：目醒設(shè)計(jì)

在UI設(shè)計(jì)中，很多設(shè)計(jì)師都苦惱于自己的界面設(shè)計(jì)“沒有設(shè)計(jì)感”，感覺看起來“不高級”，到底是為什么呢？其實(shí)就是在一些細(xì)節(jié)的處理上略缺火候，掌握下面這15個(gè)小技巧，能讓你的UI界面質(zhì)感翻倍！

1、雙重陰影，突出立體感

設(shè)計(jì)師在設(shè)計(jì)時(shí)，為了突出里按鈕的立體感，往往會(huì)使用陰影效果。但其實(shí)在陰影效果上再疊加一層精細(xì)的邊框，可以讓陰影效果顯得更清晰，而不會(huì)與原本的按鈕混為一體。

2、只用一種字體，保持視覺一致性

為了讓設(shè)計(jì)更美觀，許多設(shè)計(jì)師會(huì)在一個(gè)界面使用多種字體，但實(shí)際上，一個(gè)界面里只使用一種字體更為美觀，可以幫助界面產(chǎn)生統(tǒng)一的設(shè)計(jì)效果。

3、一種字體，不同字重

如果選擇一種字體進(jìn)行設(shè)計(jì)會(huì)稍顯單調(diào)，那可以根據(jù)內(nèi)容的輕重優(yōu)先級，來選擇不同的字重來做以區(qū)分。

4、適當(dāng)留白

當(dāng)內(nèi)容豐富時(shí)，更需要適當(dāng)?shù)牧舭祝拍茏屧O(shè)計(jì)具有呼吸感，更加舒適。

5、提高文本與背景的對比度

很多過深或過淺的背景圖上添加文本，總會(huì)讓人閱讀有困難，可以采取加粗、添加漸變等方式來處理文本，讓字體更清晰。

6、交互按鈕需要著重突出

為了增加用戶選擇交互按鈕的可能性，應(yīng)該使用顏色對比、尺寸或標(biāo)簽，來確保該按鈕突出。

7、字號(hào)越小，行距應(yīng)該越寬

字號(hào)越小，閱讀起來障礙更明顯，增加行高留出空隙會(huì)讓它更易讀。

8、下載頁顯示進(jìn)度提醒

如果下載頁的軟件或其他安裝包有一定的下載等待時(shí)間，建議給出進(jìn)度提示，讓用戶可以隨時(shí)了解下載進(jìn)度，不會(huì)中途取消下載。

9、同個(gè)界面，文本長度盡量一致

基于人的閱讀習(xí)慣，研究總結(jié)出，單列頁面里，45到75個(gè)字符是被廣泛認(rèn)可的長度。

10、元素陰影不要太重

舒服的投影會(huì)增加你的設(shè)計(jì)的質(zhì)感，和透氣感。太重的投影會(huì)顯得你畫面比較臟。

11、使用遞進(jìn)分類加強(qiáng)對比度

加強(qiáng)對比度，可以明確突出所選元素。

12、標(biāo)題的行高不要太高

與長格式正文文本（需要足夠的行高以提高可讀性）不同，標(biāo)題通常要短得多，因此可以稍微縮小間距。標(biāo)題的建議行高通常是文本大小的1到1.3倍。

13、大寫標(biāo)題，提高字間距

當(dāng)標(biāo)題全部為大寫字母時(shí)，增加字母間距可以提高可讀性，同時(shí)又增強(qiáng)了一絲設(shè)計(jì)感。

14、增添頁面動(dòng)態(tài)

可以在加載中添加一些提醒讓用戶理解當(dāng)前運(yùn)行狀態(tài)，例如添加“緩沖”符號(hào)。

15、不要在下拉列表放置重要操作

用戶需要采取的基本操作（例如，注冊或登錄），應(yīng)該直接放在醒目位置，而非隱藏在菜單欄中。

作者：Pixso云設(shè)計(jì)

轉(zhuǎn)載請注明：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

時(shí)我們傾向于將我們的設(shè)計(jì)視為藝術(shù)品。但如果我們用這種方式來思考它們，就意味著它們不會(huì)準(zhǔn)備好面對“現(xiàn)實(shí)世界”的不確定條件。但是，設(shè)計(jì)一個(gè)可以隨時(shí)改變的界面也很美 - 而且，讓我們承認(rèn)它，接口確實(shí)一直在變化。我最喜歡設(shè)計(jì)移動(dòng)應(yīng)用程序的一個(gè)方面是，從最初的概念到你對所有界面細(xì)節(jié)進(jìn)行微調(diào)和拋光的時(shí)候，這是一個(gè)包含許多步驟的過程。

我們是視覺思考者，擁有訓(xùn)練有素的眼睛。這就是為什么在開始一個(gè)新項(xiàng)目時(shí)有時(shí)會(huì)直接跳到可視化UI設(shè)計(jì)階段的原因，這也是我們可能對其他任務(wù)感到厭倦的原因之一。

這也意味著我們經(jīng)常推遲工作流程的其他重要部分：定義用戶需求和目標(biāo)，草擬任務(wù)流程，處理信息的所有細(xì)節(jié)和交互設(shè)計(jì)等。這些是同樣重要的是，它們更抽象，更難以讓人想象它們將如何成為最終產(chǎn)品的有形部分。

當(dāng)我們正在進(jìn)行視覺設(shè)計(jì)時(shí)，所謂的像素完美哲學(xué)可能是一個(gè)陷阱，使我們花費(fèi)更多的時(shí)間來制作細(xì)節(jié)，直到最小的細(xì)節(jié)處于界面的“完美”位置。這導(dǎo)致一代設(shè)計(jì)師使用Dribbble和Behance主要顯示應(yīng)用程序和網(wǎng)站的精美屏幕，并且更關(guān)注外觀而不是設(shè)計(jì)實(shí)際工作方式。在現(xiàn)實(shí)世界中，事情往往不如我們期望的那樣好。

就個(gè)人而言，我認(rèn)為最好的設(shè)計(jì)（當(dāng)談到用戶界面設(shè)計(jì)時(shí)）不僅外觀和感覺良好，而且還可以優(yōu)雅地響應(yīng)變化的條件甚至不可預(yù)測的情況。

在構(gòu)建產(chǎn)品的漫長道路上，設(shè)計(jì)師需要更多的協(xié)作，而不是專注于視覺設(shè)計(jì)。這正是我為了這篇文章專注的地方。在接下來的幾段中，我將向你提供一些提示和技巧，說明如何將你正在進(jìn)行的應(yīng)用程序設(shè)計(jì)用于測試，并了解它是否已準(zhǔn)備好發(fā)布到市場。

在不完美中尋找美

當(dāng)我在大學(xué)學(xué)習(xí)平面設(shè)計(jì)時(shí)，他們教會(huì)了我們平衡，對齊，比例和張力的美感，以及如何在空間中定位元素，使它們和諧悅目。憑借這些知識(shí)，我的生活發(fā)生了變化，我開始以不同的眼光看世界。后來，我開始設(shè)計(jì)界面，我試圖將相同的原則付諸實(shí)踐，屏幕上的所有信息都應(yīng)該形成一個(gè)非常令人滿意的視覺構(gòu)圖。

如果你將這些原則應(yīng)用于移動(dòng)應(yīng)用程序設(shè)計(jì)，那么我們發(fā)現(xiàn)必須顯示適量的信息。例如，如果一個(gè)屏幕必須列出人們的姓名，設(shè)計(jì)師通常會(huì)選擇一些短而普通的名字，并將它們完美地排列在一起，沒有留下任何可能破壞設(shè)計(jì)或使其在以后崩潰的意外長名稱的空間。

這種方法基于這樣的假設(shè)：在混亂和不完美中沒有美，盡管這兩個(gè)方面在現(xiàn)實(shí)世界中經(jīng)常出現(xiàn)。但是視覺界面并不是一件值得欣賞的靜態(tài)藝術(shù)品; 它們是動(dòng)態(tài)的，功能性的空間，可以改變和適應(yīng)每個(gè)人使用它們。我們不應(yīng)該屈服于純粹為美學(xué)設(shè)計(jì)的誘惑，因?yàn)槲覀冇肋h(yuǎn)無法控制界面必須呈現(xiàn)給人們的一切。

相反，我們必須設(shè)計(jì)變革！這就是日本人所說的wabi-sabi，一個(gè)“以接受短暫和不完美為中心的世界觀”。

因此，以不同的方式思考和設(shè)計(jì)是很重要的：

● 嘗試以多種方式在你的設(shè)計(jì)中呈現(xiàn)數(shù)據(jù);

● 盡可能使用真實(shí)數(shù)據(jù)。

當(dāng)你嘗試以幾種方式呈現(xiàn)數(shù)據(jù)時(shí)，包括一些不可預(yù)測的數(shù)據(jù)，你將能夠測試界面是否已準(zhǔn)備好處理超出設(shè)計(jì)“舒適區(qū)”的這些情況。此外，為極端情況做好準(zhǔn)備。

如果你已經(jīng)推出了該產(chǎn)品，這將更容易，因?yàn)槟憧梢躁P(guān)注實(shí)際數(shù)據(jù)并將其用于你正在進(jìn)行的設(shè)計(jì)過程中作為參考。但是如果你正在研究一些新的東西，那么你將不得不深入挖掘，做一些研究，并嘗試了解以后如何信息。你還可以與后端團(tuán)隊(duì)的開發(fā)人員討論此問題，他們將能夠更好地向你解釋將存儲(chǔ)和呈現(xiàn)的數(shù)據(jù)類型。

我給你一個(gè)更具圖形的例子，我的開發(fā)者朋友稱之為“漂亮的朋友綜合癥”。當(dāng)我們設(shè)計(jì)一個(gè)包含人物圖片的屏幕時(shí)，如用戶檔案，我們傾向于使用在設(shè)計(jì)中看起來很好并且很漂亮的人的照片。然而，當(dāng)他看到這樣的設(shè)計(jì)時(shí)，我的朋友說：“我希望我有朋友這么帥?！?

因此，“完美”圖像的替代方案可能是使用不同膚色的人的更多隨機(jī)照片。這樣，你就可以測試重疊元素在不同背景下的外觀，讓你可以看到對比度和易讀性是否仍然完好無損。

不要過于樂觀

對于應(yīng)用程序的工作方式，我們天生就是樂觀主義者。我們認(rèn)為一切都會(huì)快速順利地進(jìn)行，而且不會(huì)中斷，因?yàn)?.....為什么不呢？這就是為什么我們有時(shí)會(huì)忘記如何設(shè)計(jì)和處理用戶可能在以后遇到的一些可能不那么好的情況。

列舉幾例，如果突然互聯(lián)網(wǎng)連接中斷，會(huì)發(fā)生什么？或者，如果瀏覽器在執(zhí)行任務(wù)時(shí)嘗試連接到API時(shí)出錯(cuò)？如果連接速度太慢，是否會(huì)有加載指示器（例如微調(diào)器或進(jìn)度條），或者在加載實(shí)際數(shù)據(jù)時(shí)是否會(huì)有一些占位符填充顯示塊？那么刷新應(yīng)用程序的某些屏幕的可能性呢？什么時(shí)候（以及在哪種情況下）可能？

正如你所看到的，我不是在談?wù)撚脩羲傅腻e(cuò)誤（例如，在填寫表單時(shí)犯了錯(cuò)誤），而是關(guān)于不受其控制但仍然發(fā)生的錯(cuò)誤。在這種情況下，與開發(fā)人員交談，并了解不同屏幕上可能出現(xiàn)的問題，然后設(shè)計(jì)一種可以讓用戶輕松解決問題的方法，讓他們可以選擇稍后再試或者執(zhí)行不同的操作。

無論如何，確定觸發(fā)每個(gè)錯(cuò)誤的特定條件并為每個(gè)案例設(shè)計(jì)有用的錯(cuò)誤消息是一個(gè)好主意。這些有用的消息將幫助用戶在每種情況下做出適當(dāng)?shù)捻憫?yīng)，并知道下一步該做什么來解決問題。即使它有點(diǎn)麻煩，也不惜一切代價(jià)避免使用通用錯(cuò)誤消息。

理解流程

界面包括許多元素，它們一起形成應(yīng)用程序的整個(gè)布局。然而，當(dāng)我們把重點(diǎn)放在用戶界面上的一個(gè)整體，我們往往忘記了一些元素也有較小的任務(wù)來執(zhí)行的總體目標(biāo)做出貢獻(xiàn)。

如果有一個(gè)觸發(fā)某種交互的按鈕或項(xiàng)目，那么請向前看并考慮下一步：在執(zhí)行操作時(shí)是否會(huì)顯示加載狀態(tài)？它可以因某種原因被禁用嗎？如果用戶按住按鈕一段時(shí)間該怎么辦？會(huì)有任何反饋意見嗎？就像整個(gè)屏幕有不同的狀態(tài)一樣，同樣也適用于單個(gè)元素。

此外，請考慮產(chǎn)品的邏輯如何與用戶的心智模型相匹配，幫助他們準(zhǔn)確有效地實(shí)現(xiàn)目標(biāo)并以有意義和可預(yù)測的方式完成他們的任務(wù)。

我要做的就是解決所有這些問題，就是停止我正在做的事情，暫停，退后一步，查看整個(gè)多屏幕流程的大局，并了解一系列步驟和動(dòng)作。我將尋找導(dǎo)致該點(diǎn)的多條路徑，以及遠(yuǎn)離它的多條路徑。

你可以在使用原型時(shí)做同樣的事情，慢慢地，認(rèn)真地，謹(jǐn)慎地執(zhí)行動(dòng)作。如果這對你來說太具有挑戰(zhàn)性，因?yàn)槟阒翱赡芤呀?jīng)多次這樣做了，現(xiàn)在它變成了一種自動(dòng)化的任務(wù)，并問同事，朋友或活躍用戶看看設(shè)計(jì)或原型?？吹狡渌耸褂貌⑴c你的設(shè)計(jì)進(jìn)行互動(dòng)可能很有啟發(fā)性，因?yàn)槲覀兺^于接近并且過于熟悉它，因此可能會(huì)忽略一些事情。

為您的屏幕設(shè)計(jì)

當(dāng)我在設(shè)計(jì)時(shí)，我通常會(huì)將手機(jī)放在我旁邊，以便我可以預(yù)覽我的工作并實(shí)時(shí)進(jìn)行調(diào)整。

我認(rèn)為這是一個(gè)很好的做法，但這種方式也很容易忘記所有其他手機(jī)與人們可能使用的手機(jī)不同。有很多不同的屏幕尺寸（特別是在Android平臺(tái)上）; 試著考慮所有可能的變化。

知道從哪里開始的一種方法是檢查你的實(shí)際用戶擁有哪種類型的設(shè)備。

在為各種屏幕尺寸和方向準(zhǔn)備設(shè)計(jì)時(shí)，不僅僅是拉伸盒子和重新定位元素。仔細(xì)考慮如何充分利用每種情況，以及如何進(jìn)行必要的調(diào)整，即使它意味著偏離原始設(shè)計(jì)。

在這些情況下，我們之前討論過的相同原則仍然適用：不可預(yù)測的情況，不同類型的內(nèi)容，可變數(shù)量的信息，缺少數(shù)據(jù)等等。你必須針對各種可能的場景進(jìn)行設(shè)計(jì)。不要陷入將屏幕設(shè)計(jì)為產(chǎn)品的單獨(dú)部分的陷阱，它們都是相互連接的。

這不僅對你有用，而且對開發(fā)人員也有幫助，他們需要了解許多可能的場景才能編寫代碼并準(zhǔn)備界面來解決這些問題。

今天你需要什么，明天你可能需要

你可能已經(jīng)注意到，本文中許多要點(diǎn)的目標(biāo)是減少意外情況。即便如此，在很多情況下你也無法得到明確的答案。開發(fā)人員經(jīng)常會(huì)問，“那么，如果我這樣做會(huì)發(fā)生什么呢？”指出你以前沒有考慮過的潛在結(jié)果。

如果發(fā)生這種情況，那么你只需要針對一個(gè)案例和一個(gè)屏幕來解決該特定問題。但總是嘗試全局思考，并考慮如何將該特定問題的答案設(shè)計(jì)為以靈活的方式工作，以便你以后可以重用它。

畢竟，這就是我們UI設(shè)計(jì)師所做的 - 我們設(shè)計(jì)和定義適應(yīng)未預(yù)料到的狀態(tài)，條件和流程的靈活系統(tǒng)。將你的界面視為移動(dòng)，更換智能部件的生動(dòng)生態(tài)系統(tǒng)，而不是單個(gè)像素塊的集合。

在此過程的這一部分中，你需要與團(tuán)隊(duì)中的開發(fā)人員密切合作，主要是為許多不同情況定義一組行為規(guī)則。但保持良好的平衡 - 盡量不要過度設(shè)計(jì)。用一點(diǎn)常識(shí)來設(shè)定自己的極限。你需要在功能和一致性之間取得良好的平衡。請記住，良好的設(shè)計(jì)系統(tǒng)是靈活的，并且在某些情況下為規(guī)則的某些例外做好準(zhǔn)備。

另一方面，想一想你已經(jīng)設(shè)計(jì)過的元素如何調(diào)整以適應(yīng)新的情況。如果你創(chuàng)建一個(gè)設(shè)計(jì)組件庫，你將會(huì)看到更好的結(jié)果，因此，只需快速瀏覽一下庫，你就會(huì)知道是否需要從頭開始設(shè)計(jì)某些東西，或者你可以使用現(xiàn)成的東西。

結(jié)論

基于設(shè)計(jì)系統(tǒng)的優(yōu)雅解決方案具有明確定義的問題將使我們工作中的視覺設(shè)計(jì)更加有趣，因?yàn)槲覀兛梢詫Ｗ⒂诮缑娴母倪M(jìn)，拋光和愉悅，而無需無休止地迭代。當(dāng)我們過早地跳到視覺效果時(shí)，我們必須同時(shí)解決問題并制作界面，這通常會(huì)導(dǎo)致沮喪和倦怠。

改變你的工作流程可能在一開始就具有挑戰(zhàn)性，但過了一段時(shí)間你會(huì)喜歡在限制范圍內(nèi)工作。這也將改變你的思維方式，并希望幫助你擺脫對視覺細(xì)節(jié)的關(guān)注。你將成為一個(gè)更加完善和有能力的用戶體驗(yàn)設(shè)計(jì)師，使用適當(dāng)?shù)目山桓冻晒?，而不僅僅是生成無窮無盡的視覺模型和組合。

作者：視覺設(shè)計(jì)_小強(qiáng)哥

轉(zhuǎn)載請注明：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

直播是2020年到2021年移動(dòng)互聯(lián)網(wǎng)的重要賽道，在以百度APP為核心的移動(dòng)生態(tài)之下，缺少一個(gè)獨(dú)立的直播APP去承載整個(gè)百度直播體系和被直播所吸引的用戶。為了讓用戶“有出有進(jìn)”，促成了這次的產(chǎn)品設(shè)計(jì)。

在這樣的產(chǎn)品孵化階段，我們希望產(chǎn)品在具有直播特性的同時(shí)，能夠與其他泛娛樂類的直播產(chǎn)品打開差異化，并且有足夠的記憶點(diǎn)讓它在眾多直播產(chǎn)品中被人們所記住并喜歡，那么品牌的塑造和品牌的融合就尤為重要。

所以，產(chǎn)品的設(shè)計(jì)圍繞著泛娛樂直播進(jìn)行，進(jìn)行功能的設(shè)計(jì)和梳理，其中視覺設(shè)計(jì)便以品牌為中心。

上述的內(nèi)容，準(zhǔn)備以上下兩篇文章來做闡述和展示。

這篇文章，主要以市場上的界面案例，來粗淺地聊聊品牌元素如何融入到界面設(shè)計(jì)中。

下一篇正在準(zhǔn)備中，將以我剛來到百度時(shí)設(shè)計(jì)的一個(gè)獨(dú)立直播產(chǎn)品為例，盡可能完整地呈現(xiàn)以強(qiáng)化品牌、IP應(yīng)用為核心的產(chǎn)品設(shè)計(jì)過程。

百度網(wǎng)盤

在網(wǎng)盤團(tuán)隊(duì)去年的改版中，將積木的品牌概念，融入到icon的設(shè)計(jì)中，取得了巨大的成功和市場反響，蘇大牙的那篇復(fù)盤文章，一直在產(chǎn)品設(shè)計(jì)上影響著我的思路。

2.谷歌系A(chǔ)PP圖標(biāo)

谷歌如今統(tǒng)一了谷歌系產(chǎn)品的圖標(biāo)風(fēng)格，充分地在顏色和風(fēng)格上體現(xiàn)了谷歌的品牌意識(shí)，如今我們一見到此類的圖標(biāo)，第一反應(yīng)便是，這是不是谷歌的APP？

3.映客直播

映客直播在啟動(dòng)頁、tabbar，都把貓頭鷹的元素融入進(jìn)來，在運(yùn)營設(shè)計(jì)中，也更多的使用貓頭鷹剪影作為主體畫面的承載。

4.最右

最右在登錄相關(guān)的頁面，使用IP+品牌色的方式，強(qiáng)化品牌意識(shí)，在下拉刷新中，融入IP進(jìn)行趣味性的設(shè)計(jì)，很好地詮釋了娛樂性、年輕化的產(chǎn)品應(yīng)如何做情感化設(shè)計(jì)。

5.快手電丸

快手電丸在個(gè)人主頁默認(rèn)圖、頭像默認(rèn)圖、加載、頁面中的功能引導(dǎo)，都加入了IP形象強(qiáng)化品牌。

5.躺平

躺平是在我最近的產(chǎn)品體驗(yàn)中，IP運(yùn)用和品牌塑造最完整的產(chǎn)品，它成功的把“躺平”這個(gè)概念，應(yīng)用到了IP形象上，再由IP形象對界面中的各處進(jìn)行應(yīng)用，延伸這個(gè)品牌概念。而且應(yīng)用范圍并不僅僅局限于彈窗、啟動(dòng)頁、刷新等常規(guī)IP應(yīng)用點(diǎn)，更是在界面之中做到了自然合理的應(yīng)用。

小結(jié)：

在界面設(shè)計(jì)中，對于品牌的強(qiáng)化，除了將品牌理念抽象化進(jìn)行icon等圖形的設(shè)計(jì)，更多地產(chǎn)品喜歡采用具象的IP形象進(jìn)行合理植入來進(jìn)行品牌概念的傳達(dá)。

在IP的應(yīng)用中，啟動(dòng)頁、加載動(dòng)畫、下拉刷新、彈窗裝飾、默認(rèn)圖片等是常規(guī)的應(yīng)用場景，除此之外，在卡片標(biāo)題、功能入口、內(nèi)容頁裝飾等地方出現(xiàn)IP的應(yīng)用，更加能給用戶帶來驚喜感。

品牌在界面中的植入，在于小而有趣，而不在于多少，在合適和驚喜的地方出現(xiàn)，才能向用戶傳遞出情感。同時(shí)可以看出，在界面中應(yīng)用的IP形象，基本不會(huì)出現(xiàn)3D化的情況，在年輕化、娛樂向的產(chǎn)品中，IP本身也沒有明顯的性別傾向。

總結(jié)下，無描邊、扁平、2D、無性別等特征，更加適合在界面中應(yīng)用。少配色、輕漸變、結(jié)構(gòu)簡單、應(yīng)用場景尺寸越小，IP使用比例越小，這些原則也更有利于IP應(yīng)用的合理性。

作者：靈感大王NinE

轉(zhuǎn)載請注明：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

Color是眼睛從光中感知到的感官印象，它以各種形式的概念和情感進(jìn)行翻譯。對于藝術(shù)家來說，正確的操作非常重要，因此在整個(gè)歷史中，它已經(jīng)以多種方式和不同的方法得到了理論化。

繪畫，印刷，攝影，圖形設(shè)計(jì)和界面設(shè)計(jì)使用色彩理論來喚起特定的思想和觀念，并利用色彩的非語言能力，而不是其他較慢的交流形式。

在界面設(shè)計(jì)中，從增強(qiáng)品牌知名度到在購買按鈕上產(chǎn)生更多點(diǎn)擊，色彩心理被用來影響用戶可能擁有的感知。其他重要結(jié)果，例如改進(jìn)的可用性，也可以是良好的顏色掌握能力的結(jié)果。

在本文中，我將介紹設(shè)計(jì)界面時(shí)經(jīng)常用于顏色選擇的六個(gè)注意事項(xiàng)。

鏈接

特定的顏色與某些情感相關(guān)，但并非總是如此。自從我們出生以來，我們的眼睛就了解現(xiàn)實(shí)世界的色彩，隨著時(shí)間的流逝，記憶會(huì)將這些色彩與某些體驗(yàn)和元素相關(guān)聯(lián)。這種熟悉程度可以為用戶提供有關(guān)界面目標(biāo)的一些上下文。

當(dāng)然，這不是絕對的，因?yàn)槿祟悓ΜF(xiàn)實(shí)的理解是非常不同的，并且不能以其所有形式進(jìn)行概括。德國藝術(shù)家約瑟夫·阿爾伯斯在他有條不紊的書，彩色的互動(dòng)，指出色的主強(qiáng)的特點(diǎn)就是相對論。西方國家的紅色可能代表著危險(xiǎn)和邪惡，但在中國，紅色代表著幸福，歡樂和慶祝。盡管如此，他還指出，許多人以相同的方式感知某些顏色，例如與生態(tài)相關(guān)的綠色或粉紅色代表著女性氣質(zhì)。

和諧

和諧的色彩使元素具有邏輯感。有很多方法可以創(chuàng)建色彩和聲。其中之一是通過使用類似的顏色，即在色輪中彼此接近的顏色。

為什么類似的顏色具有吸引力？因?yàn)檫@是自然產(chǎn)生的色彩行為。日落使天空從橙色變成紫色，海洋從藍(lán)色變成綠松石，彩虹將所有七種顏色融合在一起。我們可以得出結(jié)論，視線會(huì)以類似的顏色找到自然的愉悅感。

由于溫度也會(huì)產(chǎn)生相當(dāng)大的協(xié)調(diào)性，因此建議僅在暖色或冷色之間保持此顏色范圍。還可以利用這些顏色的飽和度和亮度來創(chuàng)建類似物的使用深度。這完全取決于您要?jiǎng)?chuàng)建的效果以及界面顯示的內(nèi)容。

對比

色彩對比使界面更具動(dòng)感。色彩補(bǔ)充的另一種形式是通過使用補(bǔ)色來實(shí)現(xiàn)的，補(bǔ)色是在色輪中彼此面對的補(bǔ)色。通過使用互補(bǔ)色元素，可以在設(shè)計(jì)中產(chǎn)生對比和動(dòng)態(tài)效果。

對比顏色的好處包括，可以賦予界面能量和運(yùn)動(dòng)效果，以及增強(qiáng)一些我們希望用戶注意的相關(guān)點(diǎn)。要使這些顏色和諧相處并不容易，因?yàn)樗鼈兊臑E用會(huì)造成視覺混亂，并使眼睛不適。比例是關(guān)鍵。

要了解有關(guān)色彩對比的更多信息，我推薦瑞士人Johannes Itten撰寫的《色彩的藝術(shù)》一書，其中介紹了七種對比類型的理論：色調(diào)，溫度，明暗，互補(bǔ)，飽和度，同時(shí)和定量。無論我們選擇哪種顏色對比，都應(yīng)在整個(gè)Web /應(yīng)用頁面中進(jìn)行維護(hù)，以確保設(shè)計(jì)的一致性。

規(guī)模

色階可減輕認(rèn)知負(fù)擔(dān)。保持色調(diào)，但將閃電修改為不同的水平有助于分離元素，而不會(huì)使組合物過載。

UI設(shè)計(jì)中的色階也受自然影響，不僅受樹木葉子，天空或海洋等元素的影響，而且受物體和陰影的影響。人眼會(huì)感覺到相同顏色的許多變化，具體取決于照明，深度甚至紋理。人們期望UI顏色像他們在現(xiàn)實(shí)世界中一樣就不足為奇了。

可以說，使用色標(biāo)的目的是避免添加大腦必須處理和不必要理解的新顏色或色調(diào)。界面設(shè)計(jì)越容易理解和越快，它將為用戶帶來更多的樂趣。

比例

定義顏色比例可平衡組成。越來越多地使用顏色可以使樣式更清晰，并避免不必要的顏色沖突。

顏色層次結(jié)構(gòu)對于定義一種氛圍非常重要，同時(shí)，它也是構(gòu)成網(wǎng)絡(luò)中所有元素的主要色彩。在當(dāng)前的UI設(shè)計(jì)趨勢中，白色是最受歡迎的顏色，因?yàn)榘咨梢员３纸缑娓蓛?，突出顯示交互顏色并提高可讀性。但是，如果要在特定頁面上創(chuàng)建更具沉浸感和藝術(shù)感的效果，則選擇更飽和的顏色確實(shí)會(huì)很好。

相互作用

交互顏色在執(zhí)行過程中必須清晰且在界面中保持一致。號(hào)召性用語必須相對于背景具有足夠的對比度，并且相對于其他組件必須具有足夠的視覺重量，以便用戶可以輕松識(shí)別它們。

<p style="margin-top:0px;margin-bottom:0px;padding:0px;outline:none;box-sizing:inherit;color:#666666;position:relative;font-size:16px;line-height:32px;text-align:center;">
    <img src="https://img.zcool.cn/community/0186295d26b093a801214837432998.jpg" style="margin:22px auto 0px;padding:0px;outline:none;box-sizing:inherit;display:inline-block;vertical-align:top;max-width:100%;" /> 
</p>
<p style="margin-top:0px;margin-bottom:0px;padding:0px;outline:none;box-sizing:inherit;color:#666666;position:relative;font-size:16px;line-height:32px;text-align:center;">
    用戶調(diào)研 丨 HMI設(shè)計(jì) 丨 UE/UI設(shè)計(jì) 丨 HMI培訓(xùn) 丨 HMI評測 丨 體驗(yàn)咨詢
</p>

目錄

一、設(shè)計(jì)理念 (Design Themes)   

二、設(shè)計(jì)原則 (Design Principles) 

[點(diǎn)我]以上部分見《iOS人機(jī)界面設(shè)計(jì)指南 #1》

三、應(yīng)用框架(App Architecture)

    啟動(dòng) (Launching)

        -提供一個(gè)啟動(dòng)頁

        -考慮屏幕方向

        -不要提前詢問設(shè)置信息

        -不要顯示授權(quán)協(xié)議和免責(zé)聲明

        -重啟時(shí)恢復(fù)先前狀態(tài)

        -盡量不要讓用戶重啟

        -不要頻繁地讓用戶給你的App評分

    啟動(dòng)頁(Launching Screen)

        -設(shè)計(jì)一個(gè)與您的應(yīng)用的首頁幾乎相同的啟動(dòng)頁

        -避免在啟動(dòng)頁上包含文本

        -弱化啟動(dòng)頁

        -不要做品牌展示

        (原指南將“啟動(dòng)頁”放到視覺設(shè)計(jì)中, 因與本節(jié)關(guān)聯(lián)較大, 因此譯者整合到在此處)

-------------------------------------

啟動(dòng) (Launching)

啟動(dòng)體驗(yàn)很大程度影響用戶對APP的感受。 無論使用什么設(shè)備，無論自從上次打開APP過了多久，啟動(dòng)體驗(yàn)都應(yīng)該是快速，無縫銜接的。

提供一個(gè)啟動(dòng)頁

應(yīng)用啟動(dòng)時(shí), 顯示啟動(dòng)頁，然后迅速變?yōu)閼?yīng)用的首頁。 啟動(dòng)頁的作用是在加載時(shí)給用戶一種印象——該APP響應(yīng)迅速. 為確保從啟動(dòng)頁無縫過渡，請將啟動(dòng)頁設(shè)計(jì)成與首頁相似的、不會(huì)吸引關(guān)注的簡單頁面。

考慮屏幕方向

如果您的應(yīng)用同時(shí)支持縱向和橫向模式，則應(yīng)使用設(shè)備的當(dāng)前方向啟動(dòng)。 如果您的應(yīng)用僅以一種方向運(yùn)行，則應(yīng)始終以該方向啟動(dòng)，并在必要時(shí)讓人們旋轉(zhuǎn)設(shè)備。 除非有令人信服的理由，否則無論設(shè)備向左還是向右旋轉(zhuǎn)，處于橫向模式的應(yīng)用程序都應(yīng)正確定位自己的方向。

不要提前詢問設(shè)置信息

人們期望應(yīng)用程序能夠正常運(yùn)行。 為大多數(shù)用戶設(shè)計(jì)您的應(yīng)用程序，讓少數(shù)需要不同配置的用戶調(diào)整設(shè)置以滿足他們的需求。 盡可能從設(shè)備設(shè)置和默認(rèn)設(shè)置，或通過同步服務(wù)（例如iCloud）獲取設(shè)置信息。 如果您必須詢問設(shè)置信息，請?zhí)崾救藗冊谑状未蜷_應(yīng)用程序時(shí)提供該信息，并讓他們稍后在應(yīng)用程序設(shè)置中對其進(jìn)行修改。

不要顯示授權(quán)協(xié)議和免責(zé)聲明

在App Store顯示授權(quán)協(xié)議和免責(zé)聲明，以便人們可以在下載應(yīng)用之前閱讀它們。 如果您必須在應(yīng)用程序中包含這些內(nèi)容，請注意不要破壞用戶體驗(yàn).

重啟時(shí)恢復(fù)先前狀態(tài)

避免讓用戶手動(dòng)返回之前的位置。保存和恢復(fù)APP的狀態(tài)，讓用戶可以從他們上次的地方繼續(xù)。

盡量不要讓用戶重啟

重啟需要花費(fèi)時(shí)間，并且會(huì)讓你的APP顯得不可靠且難用。如果你的APP有內(nèi)存或其他問題使其難以運(yùn)行，你需要解決這些技術(shù)問題。除非是手機(jī)系統(tǒng)原因. 

不要頻繁地讓用戶給你的App評分

安裝后或在用戶使用你的APP時(shí)過于頻繁地彈出評分提示是很煩人的，你收到的有用反饋可能會(huì)反而因此減少。為了鼓勵(lì)用戶給出合理的反饋，你應(yīng)該給用戶一些時(shí)間讓他們對你的應(yīng)用形成自己的看法。并始終提供一種選擇退出評分提示的方法，永遠(yuǎn)不要強(qiáng)迫用戶對你的應(yīng)用進(jìn)行評分。

-------------------------------------

啟動(dòng)頁(Launching Screen)

當(dāng)你的APP啟動(dòng)時(shí)，啟動(dòng)頁會(huì)立即出現(xiàn)，并很快被應(yīng)用程序的首頁取代，給人一種APP響應(yīng)迅速的印象。啟動(dòng)頁不是一個(gè)藝術(shù)表達(dá)的機(jī)會(huì)。它只是為了增強(qiáng)你的APP快速啟動(dòng)和立即準(zhǔn)備使用的感覺。每個(gè)APP必須提供一個(gè)啟動(dòng)頁。

不要在啟動(dòng)頁面上使用靜態(tài)圖像。 如果您需要了解各種屏幕尺寸的尺寸以幫助您進(jìn)行設(shè)計(jì)布局，請參見設(shè)備屏幕尺寸和方向。在iOS 14及更高版本中，啟動(dòng)屏幕限制為25 MB。

設(shè)計(jì)一個(gè)與您的應(yīng)用的首頁幾乎相同的啟動(dòng)頁

如果您添加的元素在應(yīng)用程序完成啟動(dòng)時(shí)看起來有所不同，則人們可能會(huì)在應(yīng)用程序的啟動(dòng)屏幕和第一個(gè)屏幕之間遇到不愉快的閃爍。 還要確保您的啟動(dòng)屏幕與設(shè)備的當(dāng)前外觀模式(淺色/深色)匹配.

避免在啟動(dòng)頁上包含文本

由于啟動(dòng)頁中的內(nèi)容不會(huì)更改，因此任何顯示的文本都不會(huì)本地化。

弱化啟動(dòng)頁

人們重視是否讓他們快速訪問內(nèi)容并執(zhí)行任務(wù)。 設(shè)計(jì)類似于應(yīng)用程序界面的啟動(dòng)頁會(huì)給用戶帶來“應(yīng)用程序立即啟動(dòng)了”的錯(cuò)覺。 快速的啟動(dòng)時(shí)間，結(jié)合這種設(shè)計(jì)方法, 會(huì)使您的應(yīng)用程序響應(yīng)迅速。對于游戲，啟動(dòng)頁應(yīng)正常過渡到游戲顯示的首頁。

不要做品牌展示

啟動(dòng)頁不是品牌機(jī)會(huì)。不要設(shè)計(jì)得看起來像品牌刊登頁或“關(guān)于”窗口。 除非品牌標(biāo)志或其他品牌元素在應(yīng)用首頁也固定出現(xiàn)，否則請勿包含徽標(biāo)或其他品牌元素。 如果您的游戲或其他沉浸式應(yīng)用在過渡到第一個(gè)屏幕之前顯示純色，則可以創(chuàng)建僅顯示該純色的啟動(dòng)屏幕。

//然而事實(shí)是, 幾乎所有應(yīng)用都會(huì)在啟動(dòng)頁展示品牌logo. 只有apple官方的應(yīng)用將“快速響應(yīng)”的思路堅(jiān)持到底. 我的看法是, 可以適當(dāng)融入一些品牌元素, 但依然要考慮與首頁過渡, 避免閃爍感和等待焦慮,  盡量簡單、不引起注意, 從而帶來“快速響應(yīng)”的啟動(dòng)體驗(yàn). 

----------------------------------------

下篇預(yù)告       

 3.2 新手教程 (Onboarding) & 加載(Loading)