這三個(gè)技巧,幫你提高交互稿的質(zhì)量

2 評(píng)論 9273 瀏覽 65 收藏 7 分鐘
🔗 B端产品需要更多地依赖销售团队和渠道合作来推广产品,而C端产品需要更多地利用网络营销和口碑传播来推广产品..

本文作者將分享提升交互稿質(zhì)量的3個(gè)方法,旨在幫助大家讓交互稿更上一層樓。尤其是在面試的時(shí)候,一份美觀的交互稿,也能展示設(shè)計(jì)師的基本設(shè)計(jì)素養(yǎng),給面試官留下一個(gè)好印象。enjoy~

之前在德國(guó)讀碩士的時(shí)候,讀過(guò)一篇論文,主要講述了一個(gè)觀點(diǎn):當(dāng)兩個(gè)產(chǎn)品信息相同、交互也相同,但是界面的美觀程度不同,那么用戶會(huì)傾向于認(rèn)為界面更美觀的那個(gè)產(chǎn)品信息的質(zhì)量更高。這給了我一個(gè)啟發(fā):如果交互稿(以及PPT等各種產(chǎn)出物)內(nèi)容相同,我們只要再花點(diǎn)時(shí)間提升它的外觀,就可以得到一份被認(rèn)為質(zhì)量更高的作品。這么簡(jiǎn)單、好用、容易的原則,我們?cè)趺茨懿蝗プ袷啬??畢竟只要花點(diǎn)心思讓交互稿更美觀,就可以提升它的質(zhì)量?。?/p>

當(dāng)然,我還是提倡大家首先從設(shè)計(jì)思維上提升自己,這樣做出來(lái)的交互稿才是足夠?qū)I(yè)的。今天講的方法,旨在幫助大家讓交互稿更上一層樓。尤其是在面試的時(shí)候,一份美觀的交互稿,也能展示設(shè)計(jì)師的基本設(shè)計(jì)素養(yǎng),給面試官留下一個(gè)好印象。

下面我們來(lái)詳細(xì)介紹3個(gè)方法,助英雄你一臂之力。

1、對(duì)齊

我一開始了解到“對(duì)齊”這個(gè)原則,是在好友推薦的《寫給大家看的設(shè)計(jì)書》里,下面是書中的介紹:

任何元素都不能在頁(yè)面上隨意安放。每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺(jué)聯(lián)系。

雖然有時(shí)候兩個(gè)視覺(jué)元素離得很遠(yuǎn),但是如果他們是對(duì)齊的,就會(huì)有一條“看不見的線”將它們連在一起,從而使頁(yè)面變得整潔。我們來(lái)看一組對(duì)比:

這是一個(gè)沒(méi)有使用對(duì)齊原則的名片的設(shè)計(jì),頁(yè)面中的元素好像隨意擺上去的,它們之間也沒(méi)有關(guān)聯(lián)。

下面我們使用對(duì)齊原則來(lái)優(yōu)化一下:

信息一下就變得有條理了。名片的右邊,有一條“看不見的線”,將所有的元素聯(lián)系在一起。

對(duì)齊的種類,主要就是三種:左對(duì)齊、右對(duì)齊、居中對(duì)齊。在對(duì)大段文字排版的時(shí)候,也會(huì)用到兩邊對(duì)齊。需要注意的是,要盡量選擇盡可能少的對(duì)齊方式,對(duì)齊的種類越多,頁(yè)面會(huì)更亂,就達(dá)不到使頁(yè)面整潔的效果了。

?比如上面這個(gè)例子,左邊的圖使用了左對(duì)齊和兩邊對(duì)齊,而右邊的只使用了左對(duì)齊。右邊的圖顯得更加清晰。

再來(lái)看一個(gè)例子,警告框:

圖中的警告框,左邊的標(biāo)題和“知道了”按鈕是居中對(duì)齊,而中間的文字是居左對(duì)齊。右邊的全都是居中對(duì)齊。右邊明顯要整潔很多。

2、分類

分類的原則,是指將相關(guān)的項(xiàng)組織在一起,并且把不同的類別之間用留白區(qū)隔開。比如下面左圖的海報(bào),和右邊使用了分類原則優(yōu)化后的海報(bào),信息的表現(xiàn)有了很大的提升。

在實(shí)際應(yīng)用中,我們只需要注意兩點(diǎn)就好:將相同項(xiàng)目放在一塊、不同類別之間留白,就像下面這個(gè)例子,其實(shí)只是簡(jiǎn)單的增加了一行空白,但立馬整個(gè)頁(yè)面就清晰了很多:

3、主次分明

這條原則其實(shí)它的名字已經(jīng)說(shuō)得很清楚了,就是把重要的信息強(qiáng)化出來(lái),就像下面這樣:

將頁(yè)面中重要的信息提取出來(lái),并使用加大字號(hào)、加粗、區(qū)隔等形式予以加強(qiáng),立馬讓頁(yè)面更清楚。請(qǐng)記?。何覀兊拇竽X喜歡一目了然,討厭混沌一片!

以上介紹了對(duì)齊、分類、主次分明這三個(gè)技巧,幫你提高交互稿的整潔程度,從而達(dá)到提升質(zhì)量的效果。希望對(duì)你有幫助。

#專欄作家#

新設(shè)計(jì)青年(微信公眾號(hào):新設(shè)計(jì)青年),人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評(píng)選最佳人氣獎(jiǎng)。愛(ài)奇藝高級(jí)交互設(shè)計(jì)師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。5年交互設(shè)計(jì)經(jīng)驗(yàn),專注設(shè)計(jì)領(lǐng)域。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
"="" class="meta">07-273372 瀏覽
"="" class="meta">
"="" class="meta"> "="" src="https://image.woshipm.com/2023/04/13/f626cf66-d9de-11ed-bd5e-00163e0b5ff3.jpg!/both/120x80" alt="攜程接送機(jī)完勝滴滴,因?yàn)樗诘胗浤愕木频?>
="">
"="" src="https://image.woshipm.com/2023/04/13/f626cf66-d9de-11ed-bd5e-00163e0b5ff3.jpg!/both/120x80" alt="攜程接送機(jī)完勝滴滴,因?yàn)樗诘胗浤愕木频?>
="">
"="" src="https://image.woshipm.com/2023/04/13/f626cf66-d9de-11ed-bd5e-00163e0b5ff3.jpg!/both/120x80" alt="攜程接送機(jī)完勝滴滴,因?yàn)樗诘胗浤愕木频?>
="">AI時(shí)代下,傳統(tǒng)產(chǎn)品經(jīng)理的自救指南
10-133489 瀏覽
AI時(shí)代下,傳統(tǒng)產(chǎn)品經(jīng)理的自救指南
評(píng)論
評(píng)論請(qǐng)登錄
  1. don‘t let me think!

    回復(fù)
专题
13039人已学习13篇文章
对企业而言,计费管理系统是相对基础和重要的一个系统,那么,怎么搭建计费管理系统呢?你了解计费系统的主要功能吗?本专题的文章分享了计费系统设计指南。
专题
16281人已学习12篇文章
本专题的文章分享了对账体系的设计思路。
专题
14042人已学习12篇文章
本专题的文章分享了SaaS产品的商业模式和产品定价。
专题
36379人已学习15篇文章
击溃顾客最后的心理防线,让他们心甘情愿按下购买按钮。
专题
12669人已学习12篇文章
发觉用户本能的最好方式就是从用户的心理出发,利用人的本能做产品设计,用最“自然”的方式影响用户的行为。本专题的文章分享了产品心理学。
专题
14272人已学习13篇文章
交互设计是用户与产品以及他们使用的服务之间建立的有意义的关系。