• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        【設計思路】換個角度,站在色盲患者視角看設計

        • 發布:達內
        • 來源:達內
        • 時間:2015-07-07 17:04

        在我們生活中有多少色盲患者呢?分不清顏色他們是怎么使用app的呢?他們又是怎么來看視覺設計的呢?今天達內 UI培訓的小編就讓一位患有色盲的視覺設計師的視角來了解色盲患者的世界。

        每當有人知道我是色盲時,總是被人指著一種顏色問“這是什么顏色”,但我95%的情況下都會給出正確的答案,接下來就會被追問“等一等,既然你能分辨出顏色,你怎么還是色盲呢?你看到的是什么呢?”解釋色盲如何做設計及色盲用戶如何受到影響的樂趣即在于此。

        作為設計師,我們經常擔心設計內容是否易懂,是否具有足夠的吸引力,核心內容是否足夠大到醒目,或者用戶是否通過設計的流程就能輕松操作。但我們往往忽略了一個細節,那就是十之有一的用戶是色盲。很多次我下載了一個應用程序或游戲,卻因為無法將應用中的內容彼此間區分出來,而感到無比痛苦。

        【設計思路】換個角度,站在色盲患者視角看設計

        如果10分之1的用戶發現你的應用程序很難使用甚至無法使用,你的評級和評論將急劇下降。那么我們怎么判斷我們的應用是否有問題呢?如何解決這些問題呢?又如何能防止此類問題出現呢?

        關于“看”的問題

        作為色盲并不意味著我看不出任何顏色。我的生活里并不缺少色彩,透過我的眼睛看到的世界并不像希區柯克的電影那般灰暗。

        其實在生活中我并沒有錯過任何顏色-我能看到所有的顏色,只是很難把它們區分開來。當葉子變色的秋天,我并不總是能看到紅色、橙色或是黃色,可能只能看得到橙色,甚至有時候我根本就看不出這些葉子的變化,似乎這些葉子是一夜之間就從綠色變成了棕色。所以說,在設計app的時候,我們不能只重視個別的色彩,考慮他們是否能夠被看出來,而是要注意顏色的組織搭配以及它們的可識別性。所以說,在設計app時,我們可能需要更多的直觀教具,以確保用戶不會認錯顏色。

        成功的應用

        現在已然有許多應用做了許多工作以適合色盲用戶使用。 Trello,一個基于web的應用,它允許用戶自己設置一些功能,而其中一個很棒的功能是為用戶提供了一個色盲模式,可以自由的關閉和打開,有了這個功能,色盲患者在使用這個應用時就能很清楚的分清每一個模塊來進行操作。

        【設計思路】換個角度,站在色盲患者視角看設計

        另一個有色盲的模式的應用程序,Two Dots,這個游戲是讓你使用相同顏色的點連接。當我第一次開始玩這個游戲時速度極慢, 很難完成游戲里面的任務。因為我無法輕易的分辨出不同顏色的圓點,所以我很難把相同顏色的圓點進行組合。后來我發現這個游戲里有個色盲模式,打開色盲模式后每個不同顏色的圓點上會分別加一個符號,這樣患有色盲癥的玩家就能不看顏色而只通過不同的符號來很輕松的玩游戲了。

        【設計思路】換個角度,站在色盲患者視角看設計

        【設計思路】換個角度,站在色盲患者視角看設計

        防止錯誤

        所以,你做的設計,包括選擇布局、 圖標、 字體,等等。你都要在選擇顏色的時候考慮到色盲用戶。但是,你應該具體怎么做呢?問你的色盲癥朋友?問你的同事、 女票、七大姑八大姨?好吧,我來推薦一個方法吧, Sim Daltonism,一個應用程序,通過它可以把界面模擬為色盲癥患者的觀看到的效果。如果你有甚至一點點難區分設計,通過Sim Daltonism預覽時,如果你感到很難或者不能輕易區分界面里的內容,那么色盲癥患者也和你一樣,無法區分。

        另一個非常重要的測試是在單色模式下看一下你的作品,把這種測試當作你設計中的常規測試,就會避免像我這樣的色盲癥患者用戶在使用您設計的應用時遇到閱讀障礙。把你的設計調成單色后再來觀看還可以看出你的配色的色調是否過于接近。如果兩個相同色溫的顏色 (如藍色和紫色、 紅色和綠色、 橙色和紅色等) 又有著類似的色調,他們將極難分辨。如谷歌地圖,它分別使用紅綠來表示交通擁堵與否。 這兩個相差很大的色調讓我能夠很輕松的分別出不同的交通狀態。

        【設計思路】換個角度,站在色盲患者視角看設計

        有一個簡單的方式可以測試您的設計在單色下的視覺效果,在iphone上進入設置-通用-輔助功能-打開灰度開關。另外您還可以在輔助功能快捷鍵里設置連續按三次home鍵來打開或關閉灰色模式。

        “你分辨不出顏色,那你是怎么做設計的呢?”

        額,這真是一個好問題,說實話我真的無法分辨顏色。我只是假裝自己對顏色很懂而已,與此同時我希望不要讓老板發現我的小九九。

        但實際上,色盲讓我的生活顯得更簡單了些呢(至少在設計方面)。在開始設計的時候我不需要花更多的時間擔心“我該用什么樣的藍色陰影”或者“這個橙色和這個顏色是否搭配”等等之類的問題。相反,我從一開始關注的是什么樣的布局以及這個布局如何在黑白的情況下被很好的識別。我通常不需要找到另一個色盲癥患者來驗證我的顏色選擇。當我向用戶說明顏色搭配的時候,我把顏色名稱一筆帶過、而去重點強調色彩的色溫和含義,我更多的是向客戶解釋我對這個色彩的感受。比如紅色并能完整的代表“不”或“錯誤”,但給它賦予特定溫度和動效后則可以完整的表達這層意思。其他顏色同樣是這個道理。

        色盲不但讓我的設計更簡單甚至在挑選顏色的時候也變得更容易。比如我面對各種顏色時,能準確的挑選出藍色陰影嗎?不,我辦不到。我是希望有人來幫我選擇藍色陰影嗎?不,我不能總是尋求別人的幫助。事實上,我傾向于借助調色板,但是不是簡單的復制顏色的十六進制色值,而是從一些優秀的作品里吸取顏色樣本。例如,可以從"Miley Cyrus" 的歌曲‘We Can’t Stop’的MV 里提取非常棒的色塊。在我看來,這個作品里有一些很棒的圖片和顏色可以供我提取。

        【設計思路】換個角度,站在色盲患者視角看設計

        【設計思路】換個角度,站在色盲患者視角看設計

        【設計思路】換個角度,站在色盲患者視角看設計

        【設計思路】換個角度,站在色盲患者視角看設計

        我也會找到很多漂亮的照片來制作一個非常棒的色板。例如一件家具,一副繪畫等等任何東西的圖片,這些物品都是非常棒的色彩來源。這里我推薦兩個非常好的顏色提取顏色的軟件:“sip”可以提取你屏幕中的顏色,應用到你的設計中。“Qolor”可以讓你通過iphone攝像頭來提取現實世界中的顏色。

        總結

        色盲群體雖然只是一個小眾群體,但是他們比正常人更渴望得到設計上的特別照顧。,如果我們心中一直關心這個群體,我們在做色彩搭配時就能考慮到這些特殊的用戶,那么我們就能做出一個真正服務于全民的好設計,獲得更棒的用戶體驗

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:【達內UI培訓PS基礎教程】-7 HSB色彩模式
        下一篇:達內UI設計課堂 | 交互設計中如何增加趣味性、提升愉悅度?

        達內UI設計7月免費訓練營報名啦

        UI培訓教程之系統圖標如何設計

        月薪過萬的UI設計師都是怎么設計界面的

        達內設計學院九周年慶典回首來時路,共赴新征程

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>