交互設(shè)計人體工程學(xué)課件

視覺傳達(dá)設(shè)計與人機(jī)工程學(xué)視覺傳達(dá)設(shè)計與人機(jī)工程學(xué)1第一節(jié)文字設(shè)計第一節(jié)文字設(shè)計2一、文字的尺寸視覺傳達(dá)文字的合理尺寸，涉及的主要因素有：①觀看距離（視距）;②光照度；③字符的清晰度、可辨性；④要求識別的速度快慢等。其中清晰度、可辨性又與字體、筆畫粗細(xì)、文字與背景的色彩搭配對比等有關(guān)。一、文字的尺寸視覺傳達(dá)文字的合理尺寸，涉及的主要因素有：其3在以下三方面的“一般條件”下，①中等光照度；②字符基本清晰（不要求清晰度很高，也非模糊不清）；③稍作定睛凝視即可看清，人機(jī)學(xué)給出的基本數(shù)據(jù)是：字符的（高度）尺寸＝（1/200）視距～（1/300）視距通常情況下可取其中間值，則有字符的（高度）尺寸=視距/250在以下三方面的“一般條件”下，4據(jù)此，視距藝與字符高度尺寸D的關(guān)系如表7一1。如果能“看得清”還不夠，還要求醒目、能引起注意，則字符尺寸需要適當(dāng)加大。據(jù)此，視距藝與字符高度尺寸D的關(guān)系如表7一1。如5課堂作業(yè)

門上需要貼一張更換教室通知，則需要用多大的字體。課堂作業(yè)門上需要貼一張更換教室通知，則需要用多大的字體。6觀測人到門的距離計算字符高度換算到相應(yīng)字體觀測人到門的距離計算字符高度換算到相應(yīng)字體7例1確定地鐵車廂內(nèi)運(yùn)行線路圖上站名文字的大小。分析解決：

1）地鐵車廂內(nèi)光照條件屬于“一般“,，觀看時多較為專注，無特殊醒目性要求，總體符合上述“一般條件”，可參照表7一1的數(shù)據(jù)，如能略略加大更好。

2）座位上乘客能看清對面車廂壁上的線路圖文字，視距約為L＝2m，由表7一1查得文字尺寸為：D＝8mm。

3）如無其他條件的限制，若將文字尺寸略微加大一些，如取D＝9mm，視覺效果當(dāng)更佳。例1確定地鐵車廂內(nèi)運(yùn)行線路圖上站名文字的大小。分析解決：8例2郵局、儲蓄所等室內(nèi)，墻上告示的文字該多大？分析解決告示文字都是清晰的，人們多在此駐足觀看而非匆匆一瞥，這兩個條件均較優(yōu)越。視距可設(shè)定為L＝1.5m。因此可根據(jù)告示處的三種光照條件分別確定文字尺寸：

1）有專設(shè)的局部照明，可取D＝L／300=(1500/300)mm=5mm。2）無專設(shè)的局部照明，但光照情況不錯，可取D＝L／250=(1500/250)mm=6mm。

3）貼告示處光線灰暗，可取D＝L／200=(1500/200)mm=7.5mm。例2郵局、儲蓄所等室內(nèi)，墻上告示的文字該多大？分析解決告9分析解決（1）條件分析：①室外路牌，白天光照強(qiáng)，夜晚有熒光，光照條件好。②路牌的字體、色彩對比等有國家標(biāo)準(zhǔn)，確保其高清晰度和高可辨性。③字?jǐn)?shù)少，內(nèi)容簡單，匆匆一瞥就能獲取全部信．息。④但出口指示牌的醒目性要求很高，綜合考慮文字尺寸D對于視距L應(yīng)取較大的比例，例如D＝L／200。例3確定高速公路出口指示牌上文字（如“花果山出口”）的尺寸。2）視距分析駕車者對于路牌的視距，可考慮由兩部分組成：①靜態(tài)視距口車在路中而路牌在路旁，駕車中臉面不可能側(cè)轉(zhuǎn)太大的角度去看路牌，現(xiàn)把駕車者能方便觀看路牌時在行進(jìn)方向上的距離稱為靜態(tài)視距L1，并初步設(shè)取L1＝10m，見圖7一1。分析解決（1）條件分析：①室外路牌，白天光照強(qiáng)，夜晚10交互設(shè)計人體工程學(xué)課件11②在駕車中能注意到路牌，需要一段時間；設(shè)這段時間內(nèi)汽車行進(jìn)的距離為L2

。多數(shù)駕車者會在多長時間內(nèi)注意看這個路牌？這是本問題中的關(guān)鍵數(shù)據(jù)。若沒有可靠的資料可查，應(yīng)通過實際測試取得這個數(shù)據(jù)。這里假設(shè)這個時間是t=2s。并按高速公路上的行駛速度為v=12Okm/h=33.3m/s為準(zhǔn)進(jìn)行計算。在設(shè)定的25時間內(nèi)汽車行經(jīng)的距離為L＝vt=(33.3m/s)X25=67m。③視距L＝L1+L2=(10m+67m)=77m3）路牌上文字的尺寸D＝L／200=77/200m=0.385m=385mm,實際可取D=400mm。②在駕車中能注意到路牌，需要一段時間；設(shè)這段時間內(nèi)汽車行進(jìn)12課堂投影的文字最小應(yīng)該多大？課堂投影的文字最小應(yīng)該多大？13二、字體二、字體14字體的選擇字體要求涉及到美感、動感、視覺沖擊力、文化內(nèi)涵、獨(dú)特性、象征性、隱喻暗示等方面。但在人機(jī)學(xué)中，主要研究字體的可辨性、識別性。字體可辨性、識別性優(yōu)劣的一般結(jié)論是：直線筆畫和直角尖角的字形優(yōu)干圓弧曲線筆畫的字形，正體字優(yōu)于斜體字。字體的選擇字體要求涉及到美感、動感、視覺沖擊力、文化內(nèi)涵、獨(dú)15校園的橫幅、海報等都用的什么字體？校園的橫幅、海報等都用的什么字體？16漢字字體漢字的識別性以仿宋體、黑體（等線體）為最佳，普通宋體也很好。長仿宋體多用于圖紙上的標(biāo)注與說明；普通宋體用于書籍報刊印刷，應(yīng)用最廣；而尺寸較大、要求識別性高的漢字，如路標(biāo)路牌、車船航班表、大型包裝物上的文字說明等，多用黑體字，是視覺傳達(dá)設(shè)計中的主用字體之一，見圖。漢字字體漢字的識別性以仿宋體、黑體（等線體）為最佳，普通宋體17交互設(shè)計人體工程學(xué)課件18拉丁字母和阿拉伯?dāng)?shù)字拉丁文字中大寫字母的識別性優(yōu)于小寫；直體（正體）字母、直體數(shù)字的識別性優(yōu)于斜體．圖7—2b是一些國家推薦的字母和數(shù)字的高識別性字體。拉丁字母和阿拉伯?dāng)?shù)字拉丁文字中大寫字母的識別性優(yōu)于小寫；直體19避免字形的混淆容易互相混淆的漢字有：“千、干、于”

,

“土、士”、“人、入”

,

“未、末”

,漢字“土”和加減號“士”等。避免字形的混淆容易互相混淆的漢字有：20視覺傳達(dá)設(shè)計中避免字形混淆的基本方法，是把互相間不太明顯的差異，加以適當(dāng)擴(kuò)大、強(qiáng)調(diào)，使差異明顯起來。示例見圖7-3、圖7-4。視覺傳達(dá)設(shè)計中避免字形混淆的基本方法，是把互相間不太明顯的差21字形的比例與排布字形的比例與排布221．漢字書報印刷雖然普遍采用正方形的宋體字，但視覺傳達(dá)設(shè)計中，常根據(jù)版面版式、文字的橫排豎排等因素來確定文字的高寬比。一般橫排文字的豎高可大于橫寬，而豎排文字的橫寬宜大于豎高。按文字的識別性要求，漢字高寬比的適宜范圍見表7-2。（一）字符的高寬比例1．漢字書報印刷雖然普遍采用正方形的宋體字，但視覺傳達(dá)設(shè)計23橫排字形高寬比為1.0:0.8，豎排字形高寬比0.8:1.0時的字形見圖7－5。橫排字形高寬比為1.0:0.8，豎排字形高寬比0.824交互設(shè)計人體工程學(xué)課件25（二）字符的筆畫粗細(xì)（二）字符的筆畫粗細(xì)261．影響字符筆畫粗細(xì)的因素

筆畫少字形簡單的字筆畫應(yīng)該粗；反之應(yīng)該細(xì)。光照弱時筆畫需要粗，反之可以細(xì)。視距大字符小時筆畫需要粗，反之可以細(xì)。淺色背景下深色的字筆畫需要粗，反之可以細(xì)。較極端的情況：白底黑字需要更粗，黑底白字應(yīng)該更細(xì)。更極端的情況：暗背景下發(fā)光發(fā)亮的字尤其應(yīng)該細(xì)。1．影響字符筆畫粗細(xì)的因素

筆畫少字形簡單的字筆畫應(yīng)該粗27如今火車站的告示、體育場上的記分牌、商業(yè)服務(wù)業(yè)的信．息提示等，采用液晶顯示（LCD）和發(fā)光二極管顯示（LED)屏幕正越來越多，它們的筆畫都應(yīng)該充分地細(xì)。黑底白字筆畫應(yīng)該細(xì)，發(fā)光字的筆畫應(yīng)該更細(xì)，是源于“光滲效應(yīng)”這種視覺生理現(xiàn)象，圖7一6。如今火車站的告示、體育場上的記分牌、商業(yè)服務(wù)業(yè)的信．息提示等282．字符筆畫寬度對字高比例的參考值由于影響筆畫粗細(xì)的因素多，所以“筆畫寬度比”的變動范圍也相當(dāng)大。①漢字變動范圍為：(1:5）一（1:18);②字母和阿拉伯?dāng)?shù)字變動范圍為：(1:5）一（1:12）。在白底黑字與黑底白字兩種情況下，筆畫粗細(xì)的視覺效果對比見圖7一7。2．字符筆畫寬度對字高比例的參考值由于影響筆畫粗細(xì)的因素多29交互設(shè)計人體工程學(xué)課件30（三）字符的排布視覺傳達(dá)中字符排布的一般人機(jī)學(xué)原則如下：

從左到右的橫向排列優(yōu)先；必要時才采用從上到下的豎向排列；盡量避免斜向排列。

行距：一般取字高的50％一100％。字距（含字母和數(shù)字間的間距）：多筆畫的寬度。拼音文字的詞距：不小于字符高度的50％。若排布區(qū)域為豎長條形，且水平方向較窄容納不下一個獨(dú)立的表意單元（詞匯、詞匯連綴等），則漢字可以從上到下豎排，拼音文字應(yīng)將水平橫排作逆時針旋轉(zhuǎn)90。的排布。同一個面板上，同類的說明文字遵循統(tǒng)一的排布格式。（三）字符的排布視覺傳達(dá)中字符排布的一般人機(jī)學(xué)原則如下：

31四、字符與背景的色彩及其搭配四、字符與背景的色彩及其搭配32字符與背景色彩及其搭配的一般人機(jī)學(xué)原則有：

字符背景間的色彩明度差，應(yīng)在蒙塞爾色系的2級以上。照度低于10lx時，黑底白字與白底黑字的辨認(rèn)性相近；照度10一10Olx時，黑底白字的辨認(rèn)性較優(yōu)，照度超過100lx時，白底黑字的辨認(rèn)性較優(yōu)。這里說的白色、黑色，可以分別擴(kuò)展理解為高明度色彩、低明度色彩。字符主體色彩（而非背景色彩）的特性決定了視覺傳達(dá)的效果。例如紅、橙、黃是前進(jìn)色、擴(kuò)張色，藍(lán)、綠、灰是后退色、收縮色，因此紅色霓虹燈（交通燈、信號燈相同）的視覺感受比實際距離近，藍(lán)、綠霓虹燈視覺感受相反。字符與背景的色彩搭配對視覺辨認(rèn)性的影響較大，清晰的和模糊的色彩搭配關(guān)系見表7一3。公路交通上路牌、地名和各種標(biāo)志所采用的色彩搭配，如黑黃、黃黑、藍(lán)白、綠白等都屬于清晰的搭配。字符與背景色彩及其搭配的一般人機(jī)學(xué)原則有：字符背景間的色彩33天氣照度LUX室內(nèi)場所

晴天30000~300000生產(chǎn)車間10~500

陰天3000辦公室30~50

日出日落300餐廳10~30

月圓0.3~0.03走廊5~10

星光0.0002~0.00002停車場1~5

陰暗夜晚0.003~0.0007天氣照度LUX室內(nèi)場34交互設(shè)計人體工程學(xué)課件35圖形符號及標(biāo)志設(shè)計圖形符號及標(biāo)志設(shè)計36圖形符號及其應(yīng)用領(lǐng)域圖形符號是以圖形或圖象為主要特征的視覺符號，它用繪畫、書寫、印刷或其他方法制作，用來傳遞事物或概念對象的信息，而不依賴語言．（摘自GB7093.1一1986)

一、圖形符號設(shè)計圖形符號及其應(yīng)用領(lǐng)域圖形符號是以圖形或圖象為主要特征的視覺符37圖形符號以直觀、精練、簡明、易懂的形象表達(dá)一定的涵義，傳達(dá)信．息，可使不同年齡、不同知識背景和不同國家、使用不同語言的人群都能夠較快地理解，因此在經(jīng)濟(jì)、科技、社會生活中有重要的作用。圖形符號的應(yīng)用領(lǐng)域很廣，例如：圖形符號以直觀、精練、簡明、易懂的形象表達(dá)一定的涵義，傳達(dá)信38圖形符號設(shè)計的一般原則內(nèi)涵不過大，使人們能準(zhǔn)確理解，不生歧義。構(gòu)形簡明，突出所表示對象主要和獨(dú)特的屬性。構(gòu)形醒目、清晰、易懂、易記、易辨、易制。邊界明確、穩(wěn)定。盡量采用封閉輪廓的圖形，以利于對目光的吸引積聚。圖形符號設(shè)計的一般原則內(nèi)涵不過大，使人們能準(zhǔn)確理解，不生歧義39交互設(shè)計人體工程學(xué)課件403．圖形符號的視認(rèn)特征與繁簡人機(jī)學(xué)對圖形符號設(shè)計的要求主要是視認(rèn)性，即能讓人很快意識到它的含義，不生歧義。為此，第一，要能突出表達(dá)出客體主要的、獨(dú)特的屬性；第二，要簡明，以利于快速辨認(rèn)、也是醒目、清晰、易懂、易記、易辨、易制的關(guān)鍵。這兩條容易理解，但要做好卻不容易。3．圖形符號的視認(rèn)特征與繁簡人機(jī)學(xué)對圖形符號設(shè)計的要求主要41交互設(shè)計人體工程學(xué)課件42要用很簡單的圖形符號傳達(dá)較為復(fù)雜的內(nèi)容，是不容易。要求有敏銳的觀察力、高度的抽象概括力、豐富的想象力，并調(diào)動形、色、意等多種手法來加以表現(xiàn)。所以圖形符號設(shè)計富有魅力，也富有挑戰(zhàn)性。要用很簡單的圖形符號傳達(dá)較為復(fù)雜的內(nèi)容，是不容易。要求有敏銳434．箭頭的表示方法4．箭頭的表示方法44我國于1989年發(fā)布了GB1252一1989圖形符號《箭頭及其應(yīng)用》。該標(biāo)準(zhǔn)給出了箭頭基本形式、名稱、畫法、用法等方面的規(guī)定，部分摘錄在表7一4中。我國于1989年發(fā)布了GB1252一1989圖45交互設(shè)計人體工程學(xué)課件46標(biāo)志設(shè)計標(biāo)志設(shè)計47（一）標(biāo)志及其設(shè)計原則標(biāo)志是給人以行為指示的符號和（或）說明性文字。標(biāo)志有時有邊框，有時沒有邊框，主要用于公共場所、建筑物、產(chǎn)品的外包裝以及印刷品。圖形標(biāo)志則是圖形符號、文字、邊框等視覺符號的組合，以圖象為主要特征，用以表達(dá)特定的信息。標(biāo)志的應(yīng)用很廣泛，我國已經(jīng)發(fā)布了一系列相關(guān)的國家標(biāo)準(zhǔn)（略），需要時查閱參考。（一）標(biāo)志及其設(shè)計原則標(biāo)志是給人以行為指示的符號和（或）說明48圖形標(biāo)志的設(shè)計原則前述圖形符號的5條設(shè)計原則再加下面的要求，構(gòu)成圖形標(biāo)志的設(shè)計原則。

首先要滿足醒目清晰和通俗易懂兩個基本要求。圖形應(yīng)只包含所傳達(dá)信息的主要特征，減少圖形要素，避免不必要的細(xì)節(jié)。標(biāo)志圖形的長和寬盡量接近，長寬比一般不得超過1:4。標(biāo)志圖形不宜采用復(fù)雜多變和凌亂的輪廓界限，即應(yīng)注意控制和減小圖形周長對面積之比。優(yōu)先采用對稱圖形和實心圖形。圖形標(biāo)志的設(shè)計原則前述圖形符號的5條設(shè)計原則再加下面的要49交互設(shè)計人體工程學(xué)課件50交互設(shè)計人體工程學(xué)課件51（二）圖形標(biāo)志的尺寸與視距圖形標(biāo)志的公稱尺寸無論是設(shè)計還是使用，說到“標(biāo)志大小”需要有一個統(tǒng)一的標(biāo)準(zhǔn)：取圖形標(biāo)志的哪個尺寸代表它的大??？定義：圖形標(biāo)志邊框內(nèi)緣的尺寸為圖形標(biāo)志的公稱尺寸，以S表示：圓形邊框以邊框內(nèi)緣為公稱尺寸，其它正方形、斜置正方形、三角形邊框均相同，如圖所示。（二）圖形標(biāo)志的尺寸與視距圖形標(biāo)志的公稱尺寸無論是設(shè)計還是使52交互設(shè)計人體工程學(xué)課件53圖形標(biāo)志的公稱尺寸與視距要標(biāo)志讓人看得清，應(yīng)根據(jù)人們的觀看距離（視距）來確定標(biāo)志的大小。圖形標(biāo)志的最小公稱尺寸smin(m)。與視距L(m)的關(guān)系見表。圖形標(biāo)志的公稱尺寸與視距要標(biāo)志讓人看得清，應(yīng)根據(jù)人們的觀看距54其他的構(gòu)圖尺寸與視距標(biāo)志圖形在邊框內(nèi)應(yīng)該勻稱、充實，“重心”位置適當(dāng)。為保證標(biāo)志上各構(gòu)圖元素的邊界和細(xì)節(jié)的視覺分辨性，構(gòu)圖元素與邊框間的最小間距d1、各構(gòu)圖元素間的最小間距d2，構(gòu)圖元素的最小寬度w（參看圖7一16）等參數(shù)，與視距L的比例關(guān)系應(yīng)符合見表7一6。其他的構(gòu)圖尺寸與視距標(biāo)志圖形在邊框內(nèi)應(yīng)該勻稱、充實，“重心”55交互設(shè)計人體工程學(xué)課件56交互設(shè)計人體工程學(xué)課件57交互設(shè)計人體工程學(xué)課件58標(biāo)志用圖形符號的評價測試方法簡介標(biāo)志用圖形符號所代表的主題（如事物、概念等），稱為表達(dá)對象。圖形符號設(shè)計出來的圖形符號是否“易懂”、“易辨”

,需要進(jìn)行客觀性的測試評價。方法是選定一定數(shù)量（不宜太少）的被試者，請他們進(jìn)行評價，統(tǒng)計分析后，作出選用、修改或廢棄的結(jié)論。幾種常用的評價測試方法如下。標(biāo)志用圖形符號的評價測試方法簡介標(biāo)志用圖形符號所代表的主題（59(1）適當(dāng)性排序測試讓被試了解表達(dá)對象以后，把設(shè)計方案按隨機(jī)的排列展現(xiàn)給所有被試（每個被試分別單獨(dú)進(jìn)行），請每一個被試把方案從好到差地排成順序。

(2）理解性測試不向被試說明預(yù)設(shè)的表達(dá)對象，把設(shè)計方案展現(xiàn)給被試，請他們說出對每個方案表達(dá)對象的理解。(3）匹配測試向被試說明表達(dá)對象，展現(xiàn)各個方案，請被試選出與表達(dá)對象匹配的方案，不限定選中的個數(shù)。(1）適當(dāng)性排序測試讓被試了解表達(dá)對象以后，把設(shè)計方案按60交互設(shè)計人體工程學(xué)課件61交互設(shè)計人體工程學(xué)課件62第三節(jié)展示設(shè)計第三節(jié)展示設(shè)計63展板上的文字展板上文字尺寸D與視距L之比一般應(yīng)>=1/150。例如視距為1.5m，則版面上最小的文字尺寸（高、寬）>=15mm。標(biāo)題、主題關(guān)鍵詞、主體物名稱等酌情還要加大。展板上文字應(yīng)盡量少。為此，可削減連接詞、虛詞、助動詞等詞類，以突出展示的主體物和主題。把完整的敘述句改變成字?jǐn)?shù)少、順口易念易記的警句、口號、對聯(lián)、順口溜。忌文字布滿展板，要適當(dāng)留出空白。忌文字密麻、均勻地一大片，要凸顯重點(diǎn)亮點(diǎn)。忌一行字?jǐn)?shù)太多，以免要晃動起腦袋才能換行閱讀。展板上的文字展板上文字尺寸D與視距L之比一般應(yīng)>=1/164展板布置的高度展板布置的高度65交互設(shè)計人體工程學(xué)課件663、展板的方位布置展板的方位布置隨實際情況不同而千變?nèi)f化，圖7一19所示只是一個示例（說明略）。3、展板的方位布置展板的方位布置隨實際情況不同而千變?nèi)f化，67展室設(shè)置與展示照明（一）展室設(shè)置展室設(shè)置與參觀人流引導(dǎo)觀展人流的行進(jìn)流向，讓觀展者在輕松的、不經(jīng)意的行進(jìn)中看到展覽的全貌，是布展基本和優(yōu)先的要求之一。展覽內(nèi)容通常形成“序言一第一部分一第二部分－－··一結(jié)語”這樣的序列。應(yīng)按上述內(nèi)容順序來設(shè)計展室分布和觀展行進(jìn)路線，設(shè)置行進(jìn)方向路牌，圖7一20是幾個例子。展室設(shè)置與展示照明（一）展室設(shè)置68交互設(shè)計人體工程學(xué)課件69單側(cè)布展與雙側(cè)布展雙側(cè)布展的優(yōu)點(diǎn)是節(jié)省空間；而單側(cè)布展使參觀者依路線行進(jìn)不會有所遺漏，也不發(fā)生人流的往返干擾，各有適用條件。圖7一21a和c為單側(cè)布展，b和d為雙側(cè)布展。單側(cè)布展與雙側(cè)布展雙側(cè)布展的優(yōu)點(diǎn)是節(jié)省空間；而單側(cè)布展使參觀70（二）展示照明專門的、永久性的展館、展室中，自然光的采光是建筑設(shè)計的重點(diǎn)。但對于非永久性的展室展廳，要根據(jù)展覽內(nèi)容變化更換展位，主要靠人工照明。展示照明設(shè)計的要點(diǎn)如下。（二）展示照明專門的、永久性的展館、展室中，自然光的采光是建71交互設(shè)計人體工程學(xué)課件722燈具的選擇布置一般照明宜采用柔和的漫射燈具，如頂部的乳白色半透明罩燈、熒光燈等。把直照式照明改為反射式照明，也能使光線較為柔和，有利于營造展區(qū)安寧的氛圍，但成本較高。局部照明多采用射燈。也有在頂部設(shè)置槽形光帶燈的，它兼有一般照明和局部照明的作用，見圖7一22。對于平面的展板，選擇射燈照射角度應(yīng)避免對觀看者造成眩光，即不讓板面的反射光直指人眼。對于立體的展品，則應(yīng)避免射燈燈光造成有害陰影。2燈具的選擇布置一般照明宜采用柔和的漫射燈具，如頂部的乳白73光環(huán)境氛圍的營造展室光環(huán)境氛圍的營造手段，一是選擇光色與照度，二是利用光照構(gòu)造虛擬空間。①光色與照度選擇照度較高的暖色光使人情緒高漲，適宜在商品展銷、技術(shù)推介的展覽中采用。照度較低的冷色光使人寧靜沉穩(wěn)，適應(yīng)在文化、藝術(shù)、歷史的展覽中采用。介于中間的情況，則采用中等照度的中性色。②利用光照構(gòu)造虛擬空間在展室的局部區(qū)域，以明顯較強(qiáng)的照度、有時還配以不同的光色，可以構(gòu)造出引人注目的局部虛擬空間，是突出展覽重點(diǎn)的有效方法之一，見圖7一23。光環(huán)境氛圍的營造展室光環(huán)境氛圍的營造手段，一是選擇光色與照度74交互設(shè)計人體工程學(xué)課件75本次課程作業(yè)設(shè)計一“浙江大學(xué)120校慶的LOGO”假定其立于紫金港校門進(jìn)來的大草坪前注意背景和LOGO的對比注意選擇字體標(biāo)出打印的字體尺寸，標(biāo)志尺寸（最小尺寸）本次課程作業(yè)設(shè)計一“浙江大學(xué)120校慶的LOGO”76周五課程請大家參觀2樓畢業(yè)設(shè)計是否發(fā)現(xiàn)與我們這次課相關(guān)的知識點(diǎn)？周五課程請大家參觀2樓畢業(yè)設(shè)計77視覺傳達(dá)設(shè)計與人機(jī)工程學(xué)視覺傳達(dá)設(shè)計與人機(jī)工程學(xué)78第一節(jié)文字設(shè)計第一節(jié)文字設(shè)計79一、文字的尺寸視覺傳達(dá)文字的合理尺寸，涉及的主要因素有：①觀看距離（視距）;②光照度；③字符的清晰度、可辨性；④要求識別的速度快慢等。其中清晰度、可辨性又與字體、筆畫粗細(xì)、文字與背景的色彩搭配對比等有關(guān)。一、文字的尺寸視覺傳達(dá)文字的合理尺寸，涉及的主要因素有：其80在以下三方面的“一般條件”下，①中等光照度；②字符基本清晰（不要求清晰度很高，也非模糊不清）；③稍作定睛凝視即可看清，人機(jī)學(xué)給出的基本數(shù)據(jù)是：字符的（高度）尺寸＝（1/200）視距～（1/300）視距通常情況下可取其中間值，則有字符的（高度）尺寸=視距/250在以下三方面的“一般條件”下，81據(jù)此，視距藝與字符高度尺寸D的關(guān)系如表7一1。如果能“看得清”還不夠，還要求醒目、能引起注意，則字符尺寸需要適當(dāng)加大。據(jù)此，視距藝與字符高度尺寸D的關(guān)系如表7一1。如82課堂作業(yè)

門上需要貼一張更換教室通知，則需要用多大的字體。課堂作業(yè)門上需要貼一張更換教室通知，則需要用多大的字體。83觀測人到門的距離計算字符高度換算到相應(yīng)字體觀測人到門的距離計算字符高度換算到相應(yīng)字體84例1確定地鐵車廂內(nèi)運(yùn)行線路圖上站名文字的大小。分析解決：

1）地鐵車廂內(nèi)光照條件屬于“一般“,，觀看時多較為專注，無特殊醒目性要求，總體符合上述“一般條件”，可參照表7一1的數(shù)據(jù)，如能略略加大更好。

2）座位上乘客能看清對面車廂壁上的線路圖文字，視距約為L＝2m，由表7一1查得文字尺寸為：D＝8mm。

3）如無其他條件的限制，若將文字尺寸略微加大一些，如取D＝9mm，視覺效果當(dāng)更佳。例1確定地鐵車廂內(nèi)運(yùn)行線路圖上站名文字的大小。分析解決：85例2郵局、儲蓄所等室內(nèi)，墻上告示的文字該多大？分析解決告示文字都是清晰的，人們多在此駐足觀看而非匆匆一瞥，這兩個條件均較優(yōu)越。視距可設(shè)定為L＝1.5m。因此可根據(jù)告示處的三種光照條件分別確定文字尺寸：

1）有專設(shè)的局部照明，可取D＝L／300=(1500/300)mm=5mm。2）無專設(shè)的局部照明，但光照情況不錯，可取D＝L／250=(1500/250)mm=6mm。

3）貼告示處光線灰暗，可取D＝L／200=(1500/200)mm=7.5mm。例2郵局、儲蓄所等室內(nèi)，墻上告示的文字該多大？分析解決告86分析解決（1）條件分析：①室外路牌，白天光照強(qiáng)，夜晚有熒光，光照條件好。②路牌的字體、色彩對比等有國家標(biāo)準(zhǔn)，確保其高清晰度和高可辨性。③字?jǐn)?shù)少，內(nèi)容簡單，匆匆一瞥就能獲取全部信．息。④但出口指示牌的醒目性要求很高，綜合考慮文字尺寸D對于視距L應(yīng)取較大的比例，例如D＝L／200。例3確定高速公路出口指示牌上文字（如“花果山出口”）的尺寸。2）視距分析駕車者對于路牌的視距，可考慮由兩部分組成：①靜態(tài)視距口車在路中而路牌在路旁，駕車中臉面不可能側(cè)轉(zhuǎn)太大的角度去看路牌，現(xiàn)把駕車者能方便觀看路牌時在行進(jìn)方向上的距離稱為靜態(tài)視距L1，并初步設(shè)取L1＝10m，見圖7一1。分析解決（1）條件分析：①室外路牌，白天光照強(qiáng)，夜晚87交互設(shè)計人體工程學(xué)課件88②在駕車中能注意到路牌，需要一段時間；設(shè)這段時間內(nèi)汽車行進(jìn)的距離為L2

。多數(shù)駕車者會在多長時間內(nèi)注意看這個路牌？這是本問題中的關(guān)鍵數(shù)據(jù)。若沒有可靠的資料可查，應(yīng)通過實際測試取得這個數(shù)據(jù)。這里假設(shè)這個時間是t=2s。并按高速公路上的行駛速度為v=12Okm/h=33.3m/s為準(zhǔn)進(jìn)行計算。在設(shè)定的25時間內(nèi)汽車行經(jīng)的距離為L＝vt=(33.3m/s)X25=67m。③視距L＝L1+L2=(10m+67m)=77m3）路牌上文字的尺寸D＝L／200=77/200m=0.385m=385mm,實際可取D=400mm。②在駕車中能注意到路牌，需要一段時間；設(shè)這段時間內(nèi)汽車行進(jìn)89課堂投影的文字最小應(yīng)該多大？課堂投影的文字最小應(yīng)該多大？90二、字體二、字體91字體的選擇字體要求涉及到美感、動感、視覺沖擊力、文化內(nèi)涵、獨(dú)特性、象征性、隱喻暗示等方面。但在人機(jī)學(xué)中，主要研究字體的可辨性、識別性。字體可辨性、識別性優(yōu)劣的一般結(jié)論是：直線筆畫和直角尖角的字形優(yōu)干圓弧曲線筆畫的字形，正體字優(yōu)于斜體字。字體的選擇字體要求涉及到美感、動感、視覺沖擊力、文化內(nèi)涵、獨(dú)92校園的橫幅、海報等都用的什么字體？校園的橫幅、海報等都用的什么字體？93漢字字體漢字的識別性以仿宋體、黑體（等線體）為最佳，普通宋體也很好。長仿宋體多用于圖紙上的標(biāo)注與說明；普通宋體用于書籍報刊印刷，應(yīng)用最廣；而尺寸較大、要求識別性高的漢字，如路標(biāo)路牌、車船航班表、大型包裝物上的文字說明等，多用黑體字，是視覺傳達(dá)設(shè)計中的主用字體之一，見圖。漢字字體漢字的識別性以仿宋體、黑體（等線體）為最佳，普通宋體94交互設(shè)計人體工程學(xué)課件95拉丁字母和阿拉伯?dāng)?shù)字拉丁文字中大寫字母的識別性優(yōu)于小寫；直體（正體）字母、直體數(shù)字的識別性優(yōu)于斜體．圖7—2b是一些國家推薦的字母和數(shù)字的高識別性字體。拉丁字母和阿拉伯?dāng)?shù)字拉丁文字中大寫字母的識別性優(yōu)于小寫；直體96避免字形的混淆容易互相混淆的漢字有：“千、干、于”

,

“土、士”、“人、入”

,

“未、末”

,漢字“土”和加減號“士”等。避免字形的混淆容易互相混淆的漢字有：97視覺傳達(dá)設(shè)計中避免字形混淆的基本方法，是把互相間不太明顯的差異，加以適當(dāng)擴(kuò)大、強(qiáng)調(diào)，使差異明顯起來。示例見圖7-3、圖7-4。視覺傳達(dá)設(shè)計中避免字形混淆的基本方法，是把互相間不太明顯的差98字形的比例與排布字形的比例與排布991．漢字書報印刷雖然普遍采用正方形的宋體字，但視覺傳達(dá)設(shè)計中，常根據(jù)版面版式、文字的橫排豎排等因素來確定文字的高寬比。一般橫排文字的豎高可大于橫寬，而豎排文字的橫寬宜大于豎高。按文字的識別性要求，漢字高寬比的適宜范圍見表7-2。（一）字符的高寬比例1．漢字書報印刷雖然普遍采用正方形的宋體字，但視覺傳達(dá)設(shè)計100橫排字形高寬比為1.0:0.8，豎排字形高寬比0.8:1.0時的字形見圖7－5。橫排字形高寬比為1.0:0.8，豎排字形高寬比0.8101交互設(shè)計人體工程學(xué)課件102（二）字符的筆畫粗細(xì)（二）字符的筆畫粗細(xì)1031．影響字符筆畫粗細(xì)的因素

筆畫少字形簡單的字筆畫應(yīng)該粗；反之應(yīng)該細(xì)。光照弱時筆畫需要粗，反之可以細(xì)。視距大字符小時筆畫需要粗，反之可以細(xì)。淺色背景下深色的字筆畫需要粗，反之可以細(xì)。較極端的情況：白底黑字需要更粗，黑底白字應(yīng)該更細(xì)。更極端的情況：暗背景下發(fā)光發(fā)亮的字尤其應(yīng)該細(xì)。1．影響字符筆畫粗細(xì)的因素

筆畫少字形簡單的字筆畫應(yīng)該粗104如今火車站的告示、體育場上的記分牌、商業(yè)服務(wù)業(yè)的信．息提示等，采用液晶顯示（LCD）和發(fā)光二極管顯示（LED)屏幕正越來越多，它們的筆畫都應(yīng)該充分地細(xì)。黑底白字筆畫應(yīng)該細(xì)，發(fā)光字的筆畫應(yīng)該更細(xì)，是源于“光滲效應(yīng)”這種視覺生理現(xiàn)象，圖7一6。如今火車站的告示、體育場上的記分牌、商業(yè)服務(wù)業(yè)的信．息提示等1052．字符筆畫寬度對字高比例的參考值由于影響筆畫粗細(xì)的因素多，所以“筆畫寬度比”的變動范圍也相當(dāng)大。①漢字變動范圍為：(1:5）一（1:18);②字母和阿拉伯?dāng)?shù)字變動范圍為：(1:5）一（1:12）。在白底黑字與黑底白字兩種情況下，筆畫粗細(xì)的視覺效果對比見圖7一7。2．字符筆畫寬度對字高比例的參考值由于影響筆畫粗細(xì)的因素多106交互設(shè)計人體工程學(xué)課件107（三）字符的排布視覺傳達(dá)中字符排布的一般人機(jī)學(xué)原則如下：

從左到右的橫向排列優(yōu)先；必要時才采用從上到下的豎向排列；盡量避免斜向排列。

行距：一般取字高的50％一100％。字距（含字母和數(shù)字間的間距）：多筆畫的寬度。拼音文字的詞距：不小于字符高度的50％。若排布區(qū)域為豎長條形，且水平方向較窄容納不下一個獨(dú)立的表意單元（詞匯、詞匯連綴等），則漢字可以從上到下豎排，拼音文字應(yīng)將水平橫排作逆時針旋轉(zhuǎn)90。的排布。同一個面板上，同類的說明文字遵循統(tǒng)一的排布格式。（三）字符的排布視覺傳達(dá)中字符排布的一般人機(jī)學(xué)原則如下：

108四、字符與背景的色彩及其搭配四、字符與背景的色彩及其搭配109字符與背景色彩及其搭配的一般人機(jī)學(xué)原則有：

字符背景間的色彩明度差，應(yīng)在蒙塞爾色系的2級以上。照度低于10lx時，黑底白字與白底黑字的辨認(rèn)性相近；照度10一10Olx時，黑底白字的辨認(rèn)性較優(yōu)，照度超過100lx時，白底黑字的辨認(rèn)性較優(yōu)。這里說的白色、黑色，可以分別擴(kuò)展理解為高明度色彩、低明度色彩。字符主體色彩（而非背景色彩）的特性決定了視覺傳達(dá)的效果。例如紅、橙、黃是前進(jìn)色、擴(kuò)張色，藍(lán)、綠、灰是后退色、收縮色，因此紅色霓虹燈（交通燈、信號燈相同）的視覺感受比實際距離近，藍(lán)、綠霓虹燈視覺感受相反。字符與背景的色彩搭配對視覺辨認(rèn)性的影響較大，清晰的和模糊的色彩搭配關(guān)系見表7一3。公路交通上路牌、地名和各種標(biāo)志所采用的色彩搭配，如黑黃、黃黑、藍(lán)白、綠白等都屬于清晰的搭配。字符與背景色彩及其搭配的一般人機(jī)學(xué)原則有：字符背景間的色彩110天氣照度LUX室內(nèi)場所

晴天30000~300000生產(chǎn)車間10~500

陰天3000辦公室30~50

日出日落300餐廳10~30

月圓0.3~0.03走廊5~10

星光0.0002~0.00002停車場1~5

陰暗夜晚0.003~0.0007天氣照度LUX室內(nèi)場111交互設(shè)計人體工程學(xué)課件112圖形符號及標(biāo)志設(shè)計圖形符號及標(biāo)志設(shè)計113圖形符號及其應(yīng)用領(lǐng)域圖形符號是以圖形或圖象為主要特征的視覺符號，它用繪畫、書寫、印刷或其他方法制作，用來傳遞事物或概念對象的信息，而不依賴語言．（摘自GB7093.1一1986)

一、圖形符號設(shè)計圖形符號及其應(yīng)用領(lǐng)域圖形符號是以圖形或圖象為主要特征的視覺符114圖形符號以直觀、精練、簡明、易懂的形象表達(dá)一定的涵義，傳達(dá)信．息，可使不同年齡、不同知識背景和不同國家、使用不同語言的人群都能夠較快地理解，因此在經(jīng)濟(jì)、科技、社會生活中有重要的作用。圖形符號的應(yīng)用領(lǐng)域很廣，例如：圖形符號以直觀、精練、簡明、易懂的形象表達(dá)一定的涵義，傳達(dá)信115圖形符號設(shè)計的一般原則內(nèi)涵不過大，使人們能準(zhǔn)確理解，不生歧義。構(gòu)形簡明，突出所表示對象主要和獨(dú)特的屬性。構(gòu)形醒目、清晰、易懂、易記、易辨、易制。邊界明確、穩(wěn)定。盡量采用封閉輪廓的圖形，以利于對目光的吸引積聚。圖形符號設(shè)計的一般原則內(nèi)涵不過大，使人們能準(zhǔn)確理解，不生歧義116交互設(shè)計人體工程學(xué)課件1173．圖形符號的視認(rèn)特征與繁簡人機(jī)學(xué)對圖形符號設(shè)計的要求主要是視認(rèn)性，即能讓人很快意識到它的含義，不生歧義。為此，第一，要能突出表達(dá)出客體主要的、獨(dú)特的屬性；第二，要簡明，以利于快速辨認(rèn)、也是醒目、清晰、易懂、易記、易辨、易制的關(guān)鍵。這兩條容易理解，但要做好卻不容易。3．圖形符號的視認(rèn)特征與繁簡人機(jī)學(xué)對圖形符號設(shè)計的要求主要118交互設(shè)計人體工程學(xué)課件119要用很簡單的圖形符號傳達(dá)較為復(fù)雜的內(nèi)容，是不容易。要求有敏銳的觀察力、高度的抽象概括力、豐富的想象力，并調(diào)動形、色、意等多種手法來加以表現(xiàn)。所以圖形符號設(shè)計富有魅力，也富有挑戰(zhàn)性。要用很簡單的圖形符號傳達(dá)較為復(fù)雜的內(nèi)容，是不容易。要求有敏銳1204．箭頭的表示方法4．箭頭的表示方法121我國于1989年發(fā)布了GB1252一1989圖形符號《箭頭及其應(yīng)用》。該標(biāo)準(zhǔn)給出了箭頭基本形式、名稱、畫法、用法等方面的規(guī)定，部分摘錄在表7一4中。我國于1989年發(fā)布了GB1252一1989圖122交互設(shè)計人體工程學(xué)課件123標(biāo)志設(shè)計標(biāo)志設(shè)計124（一）標(biāo)志及其設(shè)計原則標(biāo)志是給人以行為指示的符號和（或）說明性文字。標(biāo)志有時有邊框，有時沒有邊框，主要用于公共場所、建筑物、產(chǎn)品的外包裝以及印刷品。圖形標(biāo)志則是圖形符號、文字、邊框等視覺符號的組合，以圖象為主要特征，用以表達(dá)特定的信息。標(biāo)志的應(yīng)用很廣泛，我國已經(jīng)發(fā)布了一系列相關(guān)的國家標(biāo)準(zhǔn)（略），需要時查閱參考。（一）標(biāo)志及其設(shè)計原則標(biāo)志是給人以行為指示的符號和（或）說明125圖形標(biāo)志的設(shè)計原則前述圖形符號的5條設(shè)計原則再加下面的要求，構(gòu)成圖形標(biāo)志的設(shè)計原則。

首先要滿足醒目清晰和通俗易懂兩個基本要求。圖形應(yīng)只包含所傳達(dá)信息的主要特征，減少圖形要素，避免不必要的細(xì)節(jié)。標(biāo)志圖形的長和寬盡量接近，長寬比一般不得超過1:4。標(biāo)志圖形不宜采用復(fù)雜多變和凌亂的輪廓界限，即應(yīng)注意控制和減小圖形周長對面積之比。優(yōu)先采用對稱圖形和實心圖形。圖形標(biāo)志的設(shè)計原則前述圖形符號的5條設(shè)計原則再加下面的要126交互設(shè)計人體工程學(xué)課件127交互設(shè)計人體工程學(xué)課件128（二）圖形標(biāo)志的尺寸與視距圖形標(biāo)志的公稱尺寸無論是設(shè)計還是使用，說到“標(biāo)志大小”需要有一個統(tǒng)一的標(biāo)準(zhǔn)：取圖形標(biāo)志的哪個尺寸代表它的大??？定義：圖形標(biāo)志邊框內(nèi)緣的尺寸為圖形標(biāo)志的公稱尺寸，以S表示：圓形邊框以邊框內(nèi)緣為公稱尺寸，其它正方形、斜置正方形、三角形邊框均相同，如圖所示。（二）圖形標(biāo)志的尺寸與視距圖形標(biāo)志的公稱尺寸無論是設(shè)計還是使129交互設(shè)計人體工程學(xué)課件130圖形標(biāo)志的公稱尺寸與視距要標(biāo)志讓人看得清，應(yīng)根據(jù)人們的觀看距離（視距）來確定標(biāo)志的大小。圖形標(biāo)志的最小公稱尺寸smin(m)。與視距L(m)的關(guān)系見表。圖形標(biāo)志的公稱尺寸與視距要標(biāo)志讓人看得清，應(yīng)根據(jù)人們的觀看距131其他的構(gòu)圖尺寸與視距標(biāo)志圖形在邊框內(nèi)應(yīng)該勻稱、充實，“重心”位置適當(dāng)。為保證標(biāo)志上各構(gòu)圖元素的邊界和細(xì)節(jié)的視覺分辨性，構(gòu)圖元素與邊框間的最小間距d1、各構(gòu)圖元素間的最小間距d2，構(gòu)圖元素的最小寬度w（參看圖7一16）等參數(shù)，與視距L的比例關(guān)系應(yīng)符合見表7一6。其他的構(gòu)圖尺寸與視距標(biāo)志圖形在邊框內(nèi)應(yīng)該勻稱、充實，“重心”132交互設(shè)計人體工程學(xué)課件133交互設(shè)計人體工程學(xué)課件134交互設(shè)計人體工程學(xué)課件135標(biāo)志用圖形符號的評價測試方法簡介標(biāo)志用圖形符號所代表的主題（如事物、概念等），稱為表達(dá)對象。圖形符號設(shè)計出來的圖形符號是否“易懂”、“易辨”

,需要進(jìn)行客觀性的測試評價。方法是選定一定數(shù)量（不宜太少）的被試者，請他們進(jìn)行評價，統(tǒng)計分析后，作出選用、修改或廢棄的結(jié)論。幾種常用的評價測試方法如下。標(biāo)志用圖形符號的評價測試方法簡介標(biāo)志用圖形符號所代表的主題（136(1）適當(dāng)性排序測試讓被試了解表達(dá)對象以后，把設(shè)計方案按隨機(jī)的排列展現(xiàn)給所有被試（每個被試分別單獨(dú)進(jìn)行），請每一個被試把方案從好到差地排成順序。

(2）理解性測試不向被試說明預(yù)設(shè)的表達(dá)對象，把設(shè)計方案展現(xiàn)給被試，請他們說出對每個方案