《寫給大家看的設計書》

產(chǎn)品經(jīng)理通常不是通常意義上的管理者郁竟,在產(chǎn)品流程中交互、視覺由境、開發(fā)棚亩、測試人員只是你的伙伴而不是下屬蓖议,的確也應當如此。這樣會要求你的每個決定都應該有理有據(jù)讥蟆,讓人信服的勒虾,而不是讓人服從的。本書在視覺階段給予我們明確的方法論瘸彤,讓我們知道什么是對的修然,錯又在哪里?

背景

在視覺設計階段质况,我們的視覺設計師根據(jù)原型稿輸出產(chǎn)品最終的臉面愕宋。當我們拿到設計稿總覺得哪里不對,覺得不夠精致结榄、不夠漂亮中贝,但又不知道是什么問題時,我們通常會說:“再優(yōu)化下臼朗、再改一版……邻寿。”這樣的建議明顯是不夠?qū)I(yè)的视哑、不負責任的绣否、無法說服設計師朋友的。

四大原則

本書的四大設計原則(親密性黎炉、對齊枝秤、重復、對比)慷嗜,適用于任何設計稿淀弹。很多你覺得不夠好又不知道因為什么的問題,都在本書中提煉成方法論庆械,有根有據(jù)的進行設計評議薇溃。

親密性

如果兩個元素存在邏輯上的親密關系,那么應該將他們更近的放在一起缭乘,形成一塊視覺單元沐序。如果兩塊內(nèi)容不存在邏輯關系,那么他們就應該適當?shù)挠每瞻讌^(qū)隔開來堕绩。

運用親密性原則策幼,可以讓信息從邏輯關系更有條理,更容易被理解奴紧、閱讀特姐,親密性而產(chǎn)生的空白也是設計師們最喜歡的“留白”,會讓頁面更加美觀黍氮。

不過有些問題是應該被大家注意的

  • 避免一個頁面上有太多因空白而造成孤立的元素唐含,不要超過5個浅浮,但是不絕對。
  • 不要在不同層級中加入相同距離的空白捷枯,這里應該和“對比”原則共同體現(xiàn)的滚秩。(本博客模版顯然在“親密性”做得不夠,不同層級間的距離一致淮捆,之后有時間我會做模版調(diào)整郁油。)
  • 最重要的是,頁面中元素的邏輯關系要明確的清楚争剿,不然“親密性”只會產(chǎn)生副作用已艰。

本書的“親密性”與《簡約至上》中的“組織”是同一思想,都為了讓用戶和讀者擁有更好的體驗蚕苇。

對齊

頁面上的任何元素都不能隨意擺放,除非你能說出為什么這么做凿叠。既然他們在同一頁面上涩笤,每個元素都應該和其他元素存在視覺聯(lián)系,不然就會導致混亂盒件。

運用對齊是最容易讓設計產(chǎn)生立竿見影的統(tǒng)一和條理效果的方式蹬碧,觀察頁面上的全部元素,是不是和某個其他元素產(chǎn)生了關聯(lián)炒刁。

有些問題應該被注意的

  • 盡量避免“居中對齊”恩沽,如果不是專業(yè)人員,盡量不要嘗試該方式翔始。
  • 避免采用多種對齊方式(圖文兩列內(nèi)容罗心,圖片居右、文字依著圖片的基準線居左城瞎,是個很不錯的對齊方式)渤闷。

左對齊和右對齊同時出現(xiàn),但是標題的右邊和下方文字的右邊建立了一條線脖镀,不會產(chǎn)生混亂飒箭。

重復

重復通常有兩種作用“強調(diào)”與“統(tǒng)一”,重復可以將不同視覺模塊統(tǒng)一在一起蜒灰,讓用戶覺得他們是分割的弦蹂,但又是一個統(tǒng)一的整體。

  • “統(tǒng)一”强窖,可能是一條線凸椿、一個顏色、一個字體毕骡、一個符號削饵、一個結(jié)構岩瘦,對于多頁內(nèi)容尤其重要(宣傳冊、多頁網(wǎng)站的統(tǒng)一風格)窿撬。
  • “強調(diào)”启昧,當下方某個文字和標題采用重復,下方某個文字就會被注意劈伴、被強調(diào)(如果頁面中哪個元素吸引了你密末,那么就可以將它做為重復元素)。

應該避免太多重復跛璧,太多的重復就失去了“強調(diào)”和“對比”的意義严里,重復的應該是點而不是面。

對比

對比的根本目的有兩個“加強”和“組織”追城,兩者效果通常是相輔相成的刹碾,可以用任何元素來形成對比。

  • “加強”吸引讀者首先關注你最想讓他看到的內(nèi)容(引導視線)座柱,讓他看到最吸引他的地方迷帜。
  • “組織”可以使讀者清晰架構和層級,避免錯誤的理解信息流色洞。

需要注意的問題:如果確定要采用對比戏锹,那么就讓他們截然不同。不要用18px和17px火诸、黑色和黑棕色锦针,會讓用戶迷惑的對比,切記切記置蜀!

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末奈搜,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子盾碗,更是在濱河造成了極大的恐慌媚污,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件廷雅,死亡現(xiàn)場離奇詭異耗美,居然都是意外死亡,警方通過查閱死者的電腦和手機航缀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門商架,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人芥玉,你說我怎么就攤上這事蛇摸。” “怎么了灿巧?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵赶袄,是天一觀的道長揽涮。 經(jīng)常有香客問我,道長饿肺,這世上最難降的妖魔是什么蒋困? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮敬辣,結(jié)果婚禮上雪标,老公的妹妹穿的比我還像新娘。我一直安慰自己溉跃,他們只是感情好村刨,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著撰茎,像睡著了一般嵌牺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上龄糊,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天髓梅,我揣著相機與錄音,去河邊找鬼绎签。 笑死,一個胖子當著我的面吹牛酝锅,可吹牛的內(nèi)容都是我干的诡必。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼搔扁,長吁一口氣:“原來是場噩夢啊……” “哼爸舒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起稿蹲,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤扭勉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后苛聘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體涂炎,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年设哗,在試婚紗的時候發(fā)現(xiàn)自己被綠了唱捣。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡网梢,死狀恐怖震缭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情战虏,我是刑警寧澤拣宰,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布党涕,位于F島的核電站,受9級特大地震影響巡社,放射性物質(zhì)發(fā)生泄漏膛堤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一重贺、第九天 我趴在偏房一處隱蔽的房頂上張望骑祟。 院中可真熱鬧,春花似錦气笙、人聲如沸次企。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽缸棵。三九已至,卻和暖如春谭期,著一層夾襖步出監(jiān)牢的瞬間堵第,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工隧出, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留踏志,地道東北人。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓胀瞪,卻偏偏與公主長得像针余,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子凄诞,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 本書講了什么 復雜的設計原理在本書中凝煉為親密性圆雁、對齊、重復和對比這4個基本原則帆谍。作者以簡潔明快的風格伪朽,將設計所必...
    少穻閱讀 2,119評論 0 14
  • 第一章 引言 一旦能夠說出什么東西的名字,就會很容易注意到它汛蝙。你就會掌握它烈涮,擁有它,讓它受你所控患雇。優(yōu)秀的設計需要知...
    知魚君閱讀 969評論 3 19
  • 楊丞琳曾經(jīng)在一次專訪中說:“每個女孩的一生都會遇到那么一個男生苛吱,他越對你愛搭不理酪术,你就越想付出,最后注定會被傷的很...
    狂奔de蝸牛噠噠噠閱讀 623評論 0 2
  • 一個孩子背不了詩歌橡疼,留了下來不去做操,就在教室庐舟,我陪他一起背欣除,本應三首的背誦,5分鐘輕松背下挪略,接著把另外兩首也一舉...
    over璞石閱讀 143評論 0 0
  • 生命中的過客历帚,使用“生命中”似乎有點沉重,畢竟才即將三十的人杠娱。 早上閃過一絲念頭挽牢,似乎記起那些不曾想念過的人與我發(fā)...
    披襖雪閱讀 901評論 0 3