閱讀筆記 | 表現(xiàn)層:感知設(shè)計(jì)

在框架層芬首,我們主要解決放置的事情熄诡。在表現(xiàn)層临燃,我們要解決并幕布“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。



表現(xiàn)層在工作中大部分屬于ui或者視覺設(shè)計(jì)師的工作范疇蒜田,作為交互我們可以培養(yǎng)自己的審美稿械,尊重參考設(shè)計(jì)師的意見,給設(shè)計(jì)師足夠的空間來主導(dǎo)設(shè)計(jì)冲粤。

所以這個(gè)章節(jié)我們以了解為主美莫,下面節(jié)選一些認(rèn)為比較重要的部分:

表現(xiàn)層決定我們的設(shè)計(jì)最后要如何被人類的感覺器官感受到。感受由視覺色解、聽覺、觸覺餐茵、嗅覺和味覺科阎。

觸覺屬于工業(yè)設(shè)計(jì)領(lǐng)域,用戶與產(chǎn)品之間的物理接觸忿族,不僅包括材質(zhì)锣笨,還可以是振動(dòng)、溫度等來傳遞道批。

我們應(yīng)該把注意力集中在視覺設(shè)計(jì)方案運(yùn)作是否良好上错英。

評(píng)估視覺設(shè)計(jì)的簡(jiǎn)單方法之一,是回答這樣的問題:你的視線首先落在什么地方隆豹?哪個(gè)設(shè)計(jì)要素在第一時(shí)間吸引了用戶的注意力椭岩?它們是對(duì)于戰(zhàn)略目標(biāo)來講很重要的東西嗎?或者用戶第一時(shí)間注意到的東西與想要的目標(biāo)是背道而馳的嗎?

找出主要設(shè)計(jì)元素的方法是瞇著眼睛或斜著去看這個(gè)頁面判哥,或者將圖無限縮小献雅。

眼球追蹤(eyetracking)儀器來確定被測(cè)人到底正在看什么,以及他們的視線是如何在這個(gè)屏幕上移動(dòng)的塌计。

好的眼睛移動(dòng)軌跡的模式應(yīng)該有一下兩個(gè)重要的特點(diǎn):首先挺身,它們遵循的是一條流暢的路徑;其次锌仅,在不需要用太多細(xì)節(jié)來嚇到用戶的前提下章钾,它為用戶提供有效選擇的、某種可能的“引導(dǎo)”热芹。

巧妙利用頁面中的對(duì)比(contrast)和一致性(uniformity)贱傀,把用戶的注意力吸引到界面中的關(guān)鍵部分,幫助用戶理清頁面導(dǎo)航元素之間的關(guān)系剿吻,還可以傳達(dá)信息設(shè)計(jì)中的概念群組的主要手段窍箍。比如瀑布流中的廣告就利用了這點(diǎn)。

對(duì)比可以引導(dǎo)用戶在頁面上的視線丽旅,也可以將用戶的注意力吸引到關(guān)鍵要素上椰棘。這些工作的總體策略是,讓“差異”必須足夠清晰榄笙,用戶要足夠分辨出某個(gè)設(shè)計(jì)選擇是特意要傳達(dá)一些信息的邪狞。

柵格化(grid-based layout)主要用于網(wǎng)頁設(shè)計(jì)中,用來指導(dǎo)布局工作保證一致性而不會(huì)犧牲統(tǒng)一茅撞。

解決“內(nèi)部一致性”問題比較好的辦法帆卓,是建立在對(duì)網(wǎng)站框架的深刻理解上的。其中的關(guān)鍵在于米丘,確定有可能在產(chǎn)品各種各樣的界面剑令、導(dǎo)航和信息設(shè)計(jì)等不同環(huán)境中反復(fù)出現(xiàn)的設(shè)計(jì)元素。簡(jiǎn)而言之拄查,要做個(gè)控件庫或者設(shè)計(jì)規(guī)范吁津。

在大多情況下,更亮或更醒目的色彩可以用于設(shè)計(jì)你的前景色堕扶,更暗淡的色彩最好用于那些不需要跳出頁面的背景元素中碍脏。

一個(gè)非常接近其他顏色、但又不完全一樣的色彩稍算,會(huì)破壞你的配色方案的效率典尾。

注意襯線體和非襯線體的應(yīng)用環(huán)境。



關(guān)愛設(shè)計(jì)師 人人有責(zé)


《用戶體驗(yàn)要素》閱讀筆記

一糊探、初識(shí)用戶體驗(yàn)
二钾埂、網(wǎng)站的用戶體驗(yàn)
三河闰、用戶體驗(yàn)五要素
四、戰(zhàn)略層:產(chǎn)品目標(biāo)和用戶需求
五勃教、范圍層:功能規(guī)格和內(nèi)容需求
六淤击、結(jié)構(gòu)層:交互設(shè)計(jì)與信息架構(gòu)
七、框架層:界面設(shè)計(jì)故源、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
九污抬、表現(xiàn)層:感知設(shè)計(jì)
十、用戶體驗(yàn)的應(yīng)用



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末绳军,一起剝皮案震驚了整個(gè)濱河市印机,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌门驾,老刑警劉巖射赛,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異奶是,居然都是意外死亡楣责,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門聂沙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來秆麸,“玉大人,你說我怎么就攤上這事及汉【谌ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵坷随,是天一觀的道長(zhǎng)房铭。 經(jīng)常有香客問我,道長(zhǎng)温眉,這世上最難降的妖魔是什么缸匪? 我笑而不...
    開封第一講書人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮类溢,結(jié)果婚禮上凌蔬,老公的妹妹穿的比我還像新娘。我一直安慰自己豌骏,他們只是感情好龟梦,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開白布隐锭。 她就那樣靜靜地躺著窃躲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪钦睡。 梳的紋絲不亂的頭發(fā)上蒂窒,一...
    開封第一講書人閱讀 49,806評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼洒琢。 笑死秧秉,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的衰抑。 我是一名探鬼主播象迎,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼呛踊!你這毒婦竟也來了砾淌?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤谭网,失蹤者是張志新(化名)和其女友劉穎汪厨,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體愉择,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡劫乱,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锥涕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片衷戈。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖站楚,靈堂內(nèi)的尸體忽然破棺而出脱惰,到底是詐尸還是另有隱情,我是刑警寧澤窿春,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布拉一,位于F島的核電站,受9級(jí)特大地震影響旧乞,放射性物質(zhì)發(fā)生泄漏蔚润。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一尺栖、第九天 我趴在偏房一處隱蔽的房頂上張望嫡纠。 院中可真熱鬧,春花似錦延赌、人聲如沸除盏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽者蠕。三九已至,卻和暖如春掐松,著一層夾襖步出監(jiān)牢的瞬間踱侣,已是汗流浹背粪小。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抡句,地道東北人探膊。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像待榔,于是被迫代替她去往敵國和親逞壁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

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