交互KASH系列丨版式設(shè)計(jì)的4大準(zhǔn)則( 二 ) 本期《交互設(shè)計(jì)KASH系

我們看上面的名片案例，當(dāng)你的眼睛看左邊的名片時，是不是停過5次？

這個名片上放置了5項(xiàng)孤立的內(nèi)容。你是從哪里開始的？可能是從中間，因?yàn)橹虚g的短句字體最粗。接下來看什么?

當(dāng)我們將同類信息親密地組織到一起后，閱讀起來就會更輕松，也會更高效地理解信息。

親密性的思想并不是說所有一切都要更靠近，其真正的含義是：如果某些元素在理解上存在關(guān)聯(lián)，或者相互之間存在某種關(guān)系，那么這些元素在視覺上也應(yīng)當(dāng)有關(guān)聯(lián)。

微信讀書APP的發(fā)現(xiàn)頁，在「朋友們在讀」卡片UI表現(xiàn)形式上，書籍類信息被「親密」地組織到了上方，朋友/社交類信息被「親密」地組織到了下方。

寫在最后

版式設(shè)計(jì)原理源于平面設(shè)計(jì)，但仍然適用于互聯(lián)網(wǎng)產(chǎn)品的UI設(shè)計(jì)，因?yàn)槎咴O(shè)計(jì)的目的都是將信息有效、有序、快速地傳遞給讀者和用戶。
本文分析的版式設(shè)計(jì)原理的四大原則（對齊、重復(fù)、對比、親密），在實(shí)際運(yùn)用中并不是獨(dú)立的，而是需要互相配合，方可設(shè)計(jì)出不錯的頁面。所以，如果我們多去觀察身邊的版式設(shè)計(jì)（雜志、網(wǎng)頁、APP…），你會發(fā)現(xiàn)這四大原則無處不在。

感謝你的閱讀，我們下期再見。

小插曲

我在參加人人都是產(chǎn)品經(jīng)理2019年度作者評選，希望喜歡我的文章的朋友都能來支持我一下~

點(diǎn)擊下方鏈接進(jìn)入我的個人參選頁面，點(diǎn)擊紅心即可為我投票。

每人最多可投10票哦，登陸了之后就有5票，投完之后可以點(diǎn)擊主頁的“再投5票”就有機(jī)會增加5張選票～

投票即有機(jī)會獲得百萬驚喜禮品&起點(diǎn)學(xué)院千元豪禮哦！

投票傳送門：http://996.pm/7d1vV

#專欄作家#

王晗陵，微信公眾號：設(shè)計(jì)意志（ID：D-Minder），人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注交互/UI設(shè)計(jì)領(lǐng)域及職場能力，擅長需求分析、用戶體驗(yàn)和原型設(shè)計(jì)。

關(guān)注公眾號「設(shè)計(jì)意志」，即可查看交互KASH全系列文章。

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

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