人體工程學與視覺傳達設計

了解視覺生理諸原因在視覺傳達設計中基礎性作用，包含光照度、視距與視覺對象尺寸、視覺對象與背景明度對比和色彩對比、視覺對象清楚度與可辨性、視覺對象識別速度等。視覺功效及其特征文字設計圖形符號設計及標志設計展示設計網頁界面設計人體工程學與視覺傳達設計方案第1頁視覺功效及其特征

產生視覺視網膜是由桿狀和錐狀兩種感光細胞組成。與視軸對應視網膜稱為黃斑，黃斑處錐狀細胞密度最高。在視網膜周圍，錐體細胞密度則較少，而桿狀細胞數量卻較多。2

人體工程學與視覺傳達設計方案第2頁視桿細胞視錐細胞在低水平照明時（如夜間）起作用區分黑白對光譜中綠色最敏感在視網膜遠離中心處最多對極弱刺激敏感在高水平照明時（如白天）起作用區分色彩對光譜中黃色最敏感在視網膜靠近中心處最多主要在識別空間位置和要求敏銳地看物體時起作用人體工程學與視覺傳達設計方案第3頁人眼球基本結構圖人體工程學與視覺傳達設計方案第4頁波長

視覺是電磁波刺激人眼視網膜細胞時引發。一般光源都包含各種波長電磁波，稱為多色光。將不同波長光混合起來，能夠產生各種不一樣顏色，全部不一樣波長可見光混合起來則產生白色。人眼可分辨光色約有120各種。人體工程學與視覺傳達設計方案第5頁強度效應所謂強度效應是指光刺激強度只有到達一定數量才能引發視感覺特征。所以，可見光不但能夠用波長來表示，也能夠用強度來表示。光強度可用照射在某平面上光通量，即照度來表示，其單位是勒克司。人體工程學與視覺傳達設計方案第6頁視角

視角是由瞳孔中心到被觀察物體兩端所張開角度。在普通照明條件下，正常人眼能區分5m遠處兩點間最小距離，其對應視角為1，即能夠分辨最小物體視角定義該視角為最小視角。人眼區分物體細部分能力是伴隨照度及物體與背景對比度增加而增加。人體工程學與視覺傳達設計方案第7頁視力

視力是表征人眼對物體細部識別能力一個生理尺度，以最小視角倒數表示。檢驗人眼視力標準要求，最小視角為1時，視力等于1.0，此時視力為正常。伴隨年紀增加，視力會逐步下降，所以作業環境照明設計應考慮工作者年紀特點。人體工程學與視覺傳達設計方案第8頁視野

視野是指人眼能觀察到范圍，普通以角度表示。視野按眼球工作狀態可分為：①靜視野——在頭部固定、眼球靜止不動狀態下自然可見范圍；②注視野——在頭部固定，而轉動眼球注視某一中心點時所見范圍；③動視野——頭部固定而自由轉動眼球時可見范圍。人體工程學與視覺傳達設計方案第9頁三種視野在人三種視野中，注視范圍最小，動視野范圍最大。動視野最正確值=靜視野最正確值+眼球可輕松偏轉角度(頭部不動)。注視野最正確值=動視野最正確值+頭部可輕松偏轉角度(軀干不動)。人體工程學與視覺傳達設計方案第10頁視野

在視野邊緣上，人只能含糊看到有沒有物體存在，但辨不清其詳細形狀。能夠清楚識別物體形狀視野為有效視野。靜視野有效視野是以視中心線為軸，上30度，下40度，左右各為15度～20度；其中在中心3度以內為最正確視野區。人眼在不一樣顏色刺激下色覺視野是不一樣，稱為色覺視野。人眼對白色視野最大，對黃、藍、紅色依次減小，而對綠色視野最小。人體工程學與視覺傳達設計方案第11頁靜視野最正確靜視野a)最正確水平直接視野（雙眼）b)最正確垂直直接視野人體工程學與視覺傳達設計方案第12頁動視野最正確動視野a)最正確水平動視野(雙眼)b)最正確垂直動視野人體工程學與視覺傳達設計方案第13頁注視野最正確注視野a)最正確水平注視野(雙眼)b)最正確垂直注視野人體工程學與視覺傳達設計方案第14頁視距

視距是指人在控制系統中正常觀察距離。觀察各種顯示儀表時，若視距過遠或過近，對認讀速度和準確性都不利，普通應依據觀察物體大小和形狀在380～760mm之間選擇最正確視距。人體工程學與視覺傳達設計方案第15頁色覺

色覺是一個復雜生理心理現象。人們能感受到達各種不一樣顏色，是因為可見光中不一樣波長光線作用于人眼視網膜上，并在大腦中引發主觀印象緣故。一個顏色能夠由一個波長光線作用而引發，如紅、綠、藍等，稱為原色。也可由兩種或各種波長光線混合作用而引發。人體工程學與視覺傳達設計方案第16頁視覺特征視覺運動規律1）眼睛水平運動比垂直運動快，即先看到水平方向東西，后看到垂直方向東西。所以，普通機器外形常設計成橫向長方形。2）視線運動次序習慣于從左到右，從上至下，順時針進行。人體工程學與視覺傳達設計方案第17頁3）對物體尺寸和百分比預計，水平方向比垂直方向準確、快速、且不易疲勞。4）當眼睛偏離視中心時，在偏離距離相同情況下，觀察率優先次序是左上、右上、左下、右下人體工程學與視覺傳達設計方案第18頁5）在視線突然轉移過程中，約有3%視覺能看清目標，其余97%視覺都是不真實，所以在工作時，不應有突然轉移要求，不然會降低視覺準確性。如需要人視線突然轉動時，也應要求慢一些才能引發視覺注意。為此，應給出一定標志，如利用箭頭或顏色預先引發人注意，方便把視線轉移放慢。或者采取有節奏結構。人體工程學與視覺傳達設計方案第19頁

6）對于運動一目標，只有當角速度大于1～2度/s時，且雙眼焦點同時集中在同一個目標上，才能鑒別其運動狀態。7）人眼看一個目標要得到視覺印象，電最短注視時間為0.07～0.3s，這里與照明亮度相關。人眼視覺暫停時間平均需要0.17s。人體工程學與視覺傳達設計方案第20頁文字設計一、文字尺寸視覺傳達設計漢字字合理尺寸，包括原因很多，主要有：①觀看距離（視距）遠近②光照度高低③字符清楚度④可辨性⑤要求識別速度快慢其中清楚度、可辨性與字體、筆畫粗細、文字與背景色彩搭配對比等相關。人體工程學與視覺傳達設計方案第21頁經人體工程學工作者測定，在以下三個方面普通條件下：①中等光照強度②字符基本清楚可辨（不要求尤其高清楚度，但也不是含糊）③稍作定睛凝視即可看清字符尺寸與視距關系基本數據是

字符（高度）尺寸(D)=（1/200）視距（L）～（1/300）視距通常情況下，若取其中間值，則有

字符（高度）尺寸=1/250視距人體工程學與視覺傳達設計方案第22頁

假如情況與上述“普通條件”三條基本符合或靠近，則表5-1所列數據可直接或參考使用。而另一些情況下，僅僅能“看得清”是不夠，還要求醒目、能充分引發注意，那么字符尺寸就應該依據實際需要適當加大。人體工程學與視覺傳達設計方案第23頁例1：地鐵車廂內需要貼體貼運行線路圖，試確定圖上車站站名文字大小。分析處理：⑴地鐵車廂內光照條件屬于“普通”，觀看時多較為專注，無特殊醒目性要求，總體符合上述普通條件，大致可參考利用上表數值，能略略大些更加好；⑵座位上乘客能看清對面車廂壁上線路圖文字，視距約為L=2m，由上表查得文字尺寸為D=8mm；⑶如無其它條件限制，若將文字尺寸略加大一些，如取D=9mm，視覺效果更佳，從視覺傳達要求而言，不易小于8mm。人體工程學與視覺傳達設計方案第24頁

例2在郵局等室內，墻上提供信息通告文字該多大？人體工程學與視覺傳達設計方案第25頁人體工程學與視覺傳達設計方案第26頁人體工程學與視覺傳達設計方案第27頁人體工程學與視覺傳達設計方案第28頁人體工程學與視覺傳達設計方案第29頁人體工程學與視覺傳達設計方案第30頁人體工程學與視覺傳達設計方案第31頁人體工程學與視覺傳達設計方案第32頁圖5-4漢字排布方向與字形高寬比人體工程學與視覺傳達設計方案第33頁人體工程學與視覺傳達設計方案第34頁人體工程學與視覺傳達設計方案第35頁圖5-5光滲效應示例人體工程學與視覺傳達設計方案第36頁

像“一”、“二”、“人”、“大”這么筆畫極少字，若為白底黑字、且光照很弱，視距大而字相對小，則筆畫寬度比可到達1：5。反之像“鼻”、“薯”、“墨”等筆畫多字，若為黑底白字，且光照甚好，則筆畫寬度比需要小到（1：20）——（1：14）。若這些筆畫多而復雜字是發光發亮，背景又暗，對比強烈，則筆畫寬度比甚至應該小到（1：15）——（1：18）人體工程學與視覺傳達設計方案第37頁人體工程學與視覺傳達設計方案第38頁人體工程學與視覺傳達設計方案第39頁人體工程學與視覺傳達設計方案第40頁人體工程學與視覺傳達設計方案第41頁人體工程學與視覺傳達設計方案第42頁人體工程學與視覺傳達設計方案第43頁人體工程學與視覺傳達設計方案第44頁人體工程學與視覺傳達設計方案第45頁圖形符號設計及標志設計人體工程學與視覺傳達設計方案第46頁人體工程學與視覺傳達設計方案第47頁人體工程學與視覺傳達設計方案第48頁人體工程學與視覺傳達設計方案第49頁人體工程學與視覺傳達設計方案第50頁人體工程學與視覺傳達設計方案第51頁人體工程學與視覺傳達設計方案第52頁人體工程學與視覺傳達設計方案第53頁人體工程學與視覺傳達設計方案第54頁人體工程學與視覺傳達設計方案第55頁人體工程學與視覺傳達設計方案第56頁人體工程學與視覺傳達設計方案第57頁人體工程學與視覺傳達設計方案第58頁人體工程學與視覺傳達設計方案第59頁人體工程學與視覺傳達設計方案第60頁人體工程學與視覺傳達設計方案第61頁人體工程學與視覺傳達設計方案第62頁人體工程學與視覺傳達設計方案第63頁人體工程學與視覺傳達設計方案第64頁人體工程學與視覺傳達設計方案第65頁人體工程學與視覺傳達設計方案第66頁人體工程學與視覺傳達設計方案第67頁

人體工程學與視覺傳達設計方案第68頁人體工程學與視覺傳達設計方案第69頁人體工程學與視覺傳達設計方案第70頁人體工程學與視覺傳達設計方案第71頁人體工程學與視覺傳達設計方案第72頁人體工程學與視覺傳達設計方案第73頁人體工程學與視覺傳達設計方案第74頁（三）安全標志人體工程學與視覺傳達設計方案第75頁人體工程學與視覺傳達設計方案第76頁人體工程學與視覺傳達設計方案第77頁禁止類標志禁止人們不安全行為圖形標志。人體工程學與視覺傳達設計方案第78頁人體工程學與視覺傳達設計方案第79頁人體工程學與視覺傳達設計方案第80頁警告類標志提醒人們對周圍環境引發注意，以防止可能發生危險圖形標志。

人體工程學與視覺傳達設計方案第81頁人體工程學與視覺傳達設計方案第82頁警告標志基本型式參數：外邊a1＝0.034L；內邊a2＝0.700a1；邊框外角圓弧半徑r＝0.08a2；L為觀察距離。人體工程學與視覺傳達設計方案第83頁命令標志強制人們必須做出某種動作或采取防范辦法圖形標志。人體工程學與視覺傳達設計方案第84頁人體工程學與視覺傳達設計方案第85頁命令標志基本型式參數：直徑d＝0025L；L為觀察距離。人體工程學與視覺傳達設計方案第86頁提醒標志向人們提供某種信息(如標明安全設施或場所等)圖形標志。緊急出口

避險處

人體工程學與視覺傳達設計方案第87頁人體工程學與視覺傳達設計方案第88頁提醒標志方向輔助標志

人體工程學與視覺傳達設計方案第89頁文字輔助標志1文字輔助標志基本型式是矩形邊框。2文字輔助標志有橫寫和豎寫兩種形式。橫寫時，文字輔助標志寫在標志下方，能夠和標志連在一起，也能夠分開。禁止標志、指令標志為白色字；警告標志為黑色字。禁止標志、指令標志襯底色為標志顏色，警告標志襯底色為白色。人體工程學與視覺傳達設計方案第90頁

豎寫時，文字輔助標志寫在標志桿上部。禁止標志、警告標志、指令標志、提醒標志均為白色襯底，黑色字。標志桿下部色帶顏色應和標志顏色相一致。人體工程學與視覺傳達設計方案第91頁人體工程學與視覺傳達設計方案第92頁人體工程學與視覺傳達設計方案第93頁人體工程學與視覺傳達設計方案第94頁展示設計人體工程學與視覺傳達設計方案第95頁人體工程學與視覺傳達設計方案第96頁人體工程學與視覺傳達設計方案第97頁人體工程學與視覺傳達設計方案第98頁人體工程學與視覺傳達設計方案第99頁人體工程學與視覺傳達設計方案第100頁人體工程學與視覺傳達設計方案第101頁人體工程學與視覺傳達設計方案第102頁人體工程學與視覺傳達設計方案第103頁人體工程學與視覺傳達設計方案第104頁人體工程學與視覺傳達設計方案第105頁網頁界面設計人體工程學與視覺傳達設計方案第106頁文字鏈接能夠直觀地展現鏈接相關主題信息，使瀏覽者對所包含信息一目了然，方便瀏覽者對信息檢索。人體工程學與視覺傳達設計方案第107頁人體工程學與視覺傳達設計方案第108頁人體工程學與視覺傳達設計方案第109頁人體工程學與視覺傳達設計方案第110頁人體工程學與視覺傳達設計方案第111頁人體工程學與視覺傳達設計方案第112頁美術體人體工程學與視覺傳達設計方案第113頁人體工程學與視覺傳達設計方案第114頁人體工程學與視覺傳達設計方案第115頁人體工程學與視覺傳達設計方案第116頁人體工程學與視覺傳達設計方案第117頁人體工程學與視覺傳達設計方案第118頁人體工程學與視覺傳達設計方案第119頁人體工程學與視覺傳達設計方案第120頁人體工程學與視覺傳達設計方案第121頁人體工程學與視覺傳達設計方案第122頁人體工程學與視覺傳達設計方案第123頁人體工程學與視覺傳達設計方案第124頁人體工程學與視覺傳達設計方案第125頁人體工程學與視覺傳達設計方案第126頁人體工程學與視覺傳達設計方案第127頁人體工程學與視覺傳達設計方案第128頁人體工程學與視覺傳達設計方案第129頁人體工程學與視覺傳達設計方案第130頁人體工程學與視覺傳達設計方案第131頁人體工程學與視覺傳達設計方案第132頁人體工程學與視覺傳達設計方案第133頁人體工程學與視覺傳達設計方案第134頁人體工程學與視覺傳達設計方案第135頁人體工程學與視覺傳達設計方案第136頁人