從頭開始異化視覺設(shè)計(jì)是一種設(shè)計(jì)思維方式。這是日本動(dòng)漫的一個(gè)類比，名為“Re：來自不同世界的生活從頭開始”。在設(shè)計(jì)中可以找到一些靈感。有時(shí)，我們會(huì)對(duì)如何改進(jìn)設(shè)計(jì)功能感到惱火。本文可能會(huì)提供一些參考思路和設(shè)計(jì)方法。

一。從零到一

從零到一個(gè)是什么？

從信息框架的層面到可以開發(fā)的視覺設(shè)計(jì)，我將這個(gè)過程稱為零到一。

例如，讓我談?wù)勥@樣的需求。它是游戲類別的列表頁面。必須左右滑動(dòng)標(biāo)簽。交互圖如下：

當(dāng)面對(duì)這種互動(dòng)時(shí)，你會(huì)立刻想到它嗎？

這是對(duì)的，這是我們的常態(tài)。在成熟產(chǎn)品的大系統(tǒng)下，有自己的基本控制規(guī)范。這些規(guī)范的目的是確保整個(gè)大型系統(tǒng)頁面之間的邏輯一致性和視覺一致性，如下所示：

然后我們會(huì)把它視為理所當(dāng)然，把相應(yīng)的規(guī)范放到相應(yīng)的交互中，然后注意間距，品牌顏色，列表樣式。然后我們完成了視覺草案，過程從零到一，如下圖所示：

那問題就來了，這夠了嗎？

2.從零到一再

有時(shí)設(shè)計(jì)師會(huì)擔(dān)心為什么他們只是滿足期望，很難突破，或者他們會(huì)有問題，他們還能做些什么嗎？

如果你說根據(jù)正常狀態(tài)放置交互圖，應(yīng)用規(guī)范或執(zhí)行視覺是0到1的過程，你能考慮將這個(gè)1變?yōu)?然后考慮異化會(huì)是什么樣的？ 。

按照這種思路，讓我們考慮一下找到“1”的問題。不難發(fā)現(xiàn)它有幾個(gè)問題：

只能通過閱讀文本以及是否可以添加圖形徽標(biāo)來識(shí)別文本標(biāo)題的缺點(diǎn)。

沒有游戲氛圍，除了圖標(biāo)外，你無法感覺到這也是游戲平臺(tái)的頁面。

有點(diǎn)無聊和無聊。

那么進(jìn)一步的思考是基于原始的，需要為新的“1”做什么？

保留重要的不可更改信息：列表，標(biāo)題，左側(cè)和右側(cè)。

信息和布局有哪些變化？板？添加氣氛?qǐng)D？添加輔助信息？

如何達(dá)到預(yù)期的效果：氛圍，圖形標(biāo)識(shí)，樂趣。

然后嘗試各種方法來找到正確的界面布局，你可以像這樣優(yōu)化它：

這就是我所說的“從零到一”。

現(xiàn)有的視覺設(shè)計(jì)將能夠通過分解布局和信息結(jié)果并以更好的方式重新組織它們來獲得新的視覺效果，從而給出一些略微疏遠(yuǎn)的風(fēng)格。

3.零循環(huán)

在前一種情況下，我們可以看到從“零”到“一”然后從“零”到“一”的過程。

最難以理解和最難做的是回到“零”過程。 “零”是指在前一個(gè)界面中拆分和重組信息結(jié)構(gòu)，還需要優(yōu)化結(jié)構(gòu)并滿足基本需求。

摘要的基本操作是：

與產(chǎn)品通信以了解視覺級(jí)別需要滿足的內(nèi)容。

了解產(chǎn)品的未來趨勢(shì)并思考前瞻性的視覺概念。

取消組合頁面的所有元素和信息，分析屬于哪種類型的信息，組織不可更改的信息，可變信息，可添加的信息以及可變布局樣式

信息重組，在思考董事會(huì)的過程中，您可以重新組織以前分解的信息，并且您可以考慮轉(zhuǎn)換風(fēng)格的可能性。通過產(chǎn)品的需求和設(shè)計(jì)的期望，我們不斷嘗試重新組織信息結(jié)構(gòu)，找到合適的布局和視覺風(fēng)格。 （注意：為了確保您的生命安全而不是無用，這一步必須與互動(dòng)的同學(xué)，產(chǎn)品同學(xué)和技術(shù)學(xué)生進(jìn)行溝通）。

這是從零開始的設(shè)計(jì)方法。我們項(xiàng)目的周期通常根據(jù)項(xiàng)目的緊迫性來確定，因此總會(huì)有不同的視覺設(shè)計(jì)周期。然而，利用“從零開始”方法，可以在有限的時(shí)間內(nèi)從“零”到“一”然后從“一”到“零”連續(xù)地匯總信息，并且連續(xù)循環(huán)以找到最合適的設(shè)計(jì)。將此過程稱為“零循環(huán)”。

就像上面的交互圖一直是“從零到一”，我們可以獲得各種不同的視覺草圖來找到正確的解決方案。

思維的四個(gè)維度

從循環(huán)開始時(shí)這種思維方式將使我們能夠在設(shè)計(jì)中考慮盡可能多的可能性，并根據(jù)產(chǎn)品的特征找到正確的方法。它還確保我們的設(shè)計(jì)合理。

這時(shí)候，很多小伙伴都要問，你怎么從零開始思考呢？這不是一個(gè)不同的布局方案嗎？當(dāng)然，布局思維是“零方法”的一個(gè)重要方面。思考的幾個(gè)不同方面。

1.如何互動(dòng)

留言板一直是用戶以前使用過的功能，但有可能使用一些更有趣的方法嗎？以前的留言板是一個(gè)卡片滑動(dòng)開關(guān)，可以看到單個(gè)留言，但效率低，而且互動(dòng)性很弱，所以只要想想是否可以使用彈幕進(jìn)行優(yōu)化，結(jié)果會(huì)好得多。

用流行且有趣的彈幕替換原始卡留言板的方式更具吸引力。讓彈幕變得更加熱門，增加用戶在主頁上的參與度。

2.情緒整合

這是夫妻之間互動(dòng)的一個(gè)功能，但是在界面中看到問題和分?jǐn)?shù)是否有點(diǎn)無聊？那么，你可以從情感維度思考，你能擁有個(gè)人媒介，讓兩個(gè)人之間的互動(dòng)變得更有趣和情感。

你也可以從零到各種各樣的維度思考，我們可以從有足夠的時(shí)間嘗試中受益。所謂的聰明才智也是不斷尋求答案的決心。

在一天結(jié)束時(shí)，全文將探討設(shè)計(jì)方法，其理念是“從零開始”。事實(shí)上，所謂的“從零開始”是在獲得結(jié)果時(shí)向前邁出一步。

資料來源：騰訊ISUX

該地圖來自Unsplash，基于CC0協(xié)議

« 索尼全畫幅微單A7RM3注重品質(zhì)追求 | C首次亮相后，有一只狼來了魔鬼，如何突破新鮮的電子商務(wù)？ »