人體工程學(xué)與視覺傳達(dá)設(shè)計(jì)課件

人體工程學(xué)與視覺傳達(dá)設(shè)計(jì)1精選PPT課件人體工程學(xué)與視覺傳達(dá)設(shè)計(jì)1精選PPT課件1、文字設(shè)計(jì)2、圖形符號(hào)與標(biāo)志設(shè)計(jì)2精選PPT課件1、文字設(shè)計(jì)2精選PPT課件第一節(jié)文字設(shè)計(jì)一、文字的尺寸視覺傳達(dá)文字的合理尺寸，涉及的主要因素有①觀看距離(視距)，②光照度，③字符的清晰度、可辨性，④要求識(shí)別的速度快慢等。

其中清晰度、可辨性又與字體、筆畫粗細(xì)、文字與背景的色彩搭配對(duì)比等有關(guān)。由于上述因素不同，文字的合理尺寸可以相差很大。因此各種特定、具體條件下的合理字符尺寸，常需要通過實(shí)際測試才能確定。3精選PPT課件第一節(jié)文字設(shè)計(jì)一、文字的尺寸3精選PPT課件

在以下三方面的“一般條件”下，即①中等光照強(qiáng)度，②字符基本清晰可辨(不要求清晰度很高，也非模糊不清)，⑧稍作定睛凝視即可看清，

那么，人機(jī)學(xué)給出的基本數(shù)據(jù)是

字符的(高度)尺寸＝(1／200)視距～(1／300)視距

通常情況下，若取其中間值，則有

字符的(高度)尺寸＝視距／250

椐此，得到視距L與字符高度尺寸D之間的對(duì)照關(guān)系見下表：

視距L/m123581220字符高度尺寸D/㎜481220324880一般條件下字符高度尺寸與視距的對(duì)照關(guān)系如果與上述的“一般條件”的三條基本符合或接近，則上表所列的數(shù)據(jù)可直接或參照使用。而另一些情況下，僅僅能“看得清”是不夠的，還要求醒目，能充分引起注意，那么字符尺寸就應(yīng)根據(jù)實(shí)際需要適當(dāng)加大。4精選PPT課件在以下三方面的“一般條件”下，即視距L/m12358122例1確定地鐵車廂內(nèi)運(yùn)行線路圖上站名文字的大小。分析解決

(1)地鐵車廂內(nèi)壁的光照條件不是很好，也不太差，不熟悉線路的乘客觀看時(shí)較專注，多數(shù)乘客平時(shí)并不關(guān)心，無特殊醒目性要求，總體符合上述“一般條件”，可參照上表的數(shù)據(jù)，如能略略加大更好。(2)應(yīng)該讓坐在座位上乘客能看清對(duì)面車廂壁上的線路圖文字，視距約為L＝2m，由上表查得文字尺寸為：D＝8mm。(3)如車廂內(nèi)壁整個(gè)線路圖的尺寸或其他條件沒有什么限制，若將文字尺寸略微加大一些，如取D＝9mm，乘客觀看起來會(huì)更好。從視覺傳達(dá)的要求而言，不宜小于8mm。5精選PPT課件例1確定地鐵車廂內(nèi)運(yùn)行線路圖上站名文字的大小。分析解決例2郵局、儲(chǔ)蓄所等室內(nèi)，墻上告示的文字該多大?分析解決

告示文字都是清晰的，人們可在此駐足觀看而非匆匆一瞥，這兩個(gè)條件均較優(yōu)越。視距可設(shè)定為L＝1.5m。因此可根據(jù)告示處的三種光照條件分別確定文字尺寸大?。孩庞袑ＴO(shè)的局部照明，可取D＝L／300＝(1500／300)mm＝5mm。⑵無專設(shè)的局部照明，但貼告示的地方光照情況不錯(cuò)，可取

D＝L／250＝(1500／250)mm＝6mm⑶貼告示處光線灰暗，可取D＝L／200＝(1500／200)mm＝7.5mm

6精選PPT課件例2郵局、儲(chǔ)蓄所等室內(nèi)，墻上告示的文字該多大?分析解決6精例３確定高速公路上出口指示路牌上文字的尺寸分析解決⑴條件分析：①這是室外的路牌，白天光照強(qiáng)，夜晚文字有熒光，光照條件是好的。②路牌上的字體、色彩對(duì)比等均有國家標(biāo)準(zhǔn)，能保證文字的高清晰度和高可辨性。③路牌上的文字的字?jǐn)?shù)很少，內(nèi)容也簡單，匆匆一瞥就能獲得全部信息。④但出口指示牌的醒目性要求很高。綜合考慮以上條件后判定，文字尺寸D對(duì)視距L應(yīng)取較大的比例，例如D＝L/2007精選PPT課件例３確定高速公路上出口指示路牌上文字的尺寸分析解決7精選P⑵視距分析：

高速公路上駕車者對(duì)于路牌的視距，可考慮有兩部分組成即：①靜態(tài)視距L1，因?yàn)檐囋诼分虚_而路牌在路旁，駕車中臉面不能側(cè)轉(zhuǎn)太大的角度去看路旁的路牌，現(xiàn)把駕車者能方便觀看路旁路牌時(shí)車與路牌在行進(jìn)方向上的距離稱為靜態(tài)視距。并初步設(shè)取靜態(tài)視距L1＝10m，如圖。②駕車者不可能都在路牌剛呈現(xiàn)時(shí)就能注意到它。由于種種原因，在駕車過程中能注意到路牌，需要有一段時(shí)間；設(shè)在這段時(shí)間內(nèi)汽車行進(jìn)的距離為L２。大多數(shù)駕車者會(huì)在多長時(shí)間內(nèi)注意看這個(gè)路牌？這是本問題中的關(guān)鍵數(shù)據(jù)，若沒有可靠的資料可查，應(yīng)通過實(shí)際測試取得這個(gè)數(shù)據(jù)。這里假設(shè)這個(gè)時(shí)間是t=2s。并按高速公路上的行駛速度為v=120km/h=33.3m/s為準(zhǔn)計(jì)算。在設(shè)定的2s時(shí)間內(nèi)汽車行經(jīng)的距離為L２=vt=(33.3*2)m=67m，如圖。8精選PPT課件⑵視距分析：高速公路上駕車者對(duì)于路牌的視距，可考慮有兩部③高速公路路牌上文字的尺寸D

實(shí)際可取D＝400mmD＝L／200＝(77／200)m＝0.385m=385mm

廣告、招牌、海報(bào)、組織機(jī)構(gòu)和店鋪牌子上的文字，都要求醒目、引人注意，尺寸設(shè)計(jì)不以簡單的“看得清”為標(biāo)準(zhǔn)，應(yīng)該根據(jù)具體條件靈活處理。9精選PPT課件③高速公路路牌上文字的尺寸D實(shí)際可取D＝400mmD＝二、字體（一）字體的選擇

對(duì)于不同的視覺對(duì)象，字體的選擇有不同的要求，涉及到美感、動(dòng)感、視覺沖擊力、文化內(nèi)涵、獨(dú)特性、象征性、隱喻暗示等方面。但在人機(jī)學(xué)中，主要研究字體的可辨性、識(shí)別性。字體的可辨性、識(shí)別性是現(xiàn)代視覺傳達(dá)設(shè)計(jì)中的基本要求。

字體可辨性、識(shí)別性優(yōu)劣的一般結(jié)論是：直線筆畫和帶直角尖角的字形優(yōu)于圓弧、曲線筆畫的字形，正體字優(yōu)于斜體字。10精選PPT課件二、字體（一）字體的選擇10精選PPT課件１.漢字字體

漢字的識(shí)別性以仿宋體、黑體（等線體）為最佳，普通宋體也很好。長方宋體多用于圖樣上的標(biāo)注與說明，普通宋體用于書籍報(bào)刊印刷，而尺寸較大、要求識(shí)別性高的漢字，例如路標(biāo)路牌、車船航班表等，還有大型包裝物上的文字說明等，多用黑體字。所以現(xiàn)在除了書籍報(bào)刊中的宋體字用得最廣泛外，其次就是黑體。例：福州閩清福州閩清福州閩清

福州閩清福州閩清福州閩清

11精選PPT課件１.漢字字體漢字的識(shí)別性以仿宋體、黑體（等線體）為最佳2.拉丁字母和阿拉伯?dāng)?shù)字

大寫的拉丁文字母直線筆畫多，而小寫拉丁文字母中圓弧筆畫多，因此大寫字母的識(shí)別性優(yōu)于小寫。直體（正體）字母，直體數(shù)字的識(shí)別性優(yōu)于斜體。拉丁字母在世界范圍內(nèi)應(yīng)用廣泛，如圖為一些國家所推薦的拉丁字母和數(shù)字的高識(shí)別性字體。12精選PPT課件2.拉丁字母和阿拉伯?dāng)?shù)字大寫的拉丁文字母直線筆畫多，而小（二）避免字形的混淆

視覺傳達(dá)設(shè)計(jì)中避免字形混淆的基本方法，是把互相間不太明顯的差異，加以適當(dāng)擴(kuò)大、強(qiáng)調(diào)，使差異明顯起來。另外，筆畫過粗會(huì)使字形中某些特征顯得較為含糊，如數(shù)字“５”和字母“S”就容易含混。應(yīng)使筆畫細(xì)一些，“５”的上半部直角彎的特征變得鮮明，與“S”上半部圓弧之間視覺區(qū)別進(jìn)一步顯現(xiàn)，有利于減少混淆。13精選PPT課件（二）避免字形的混淆視覺傳達(dá)設(shè)計(jì)中避免字形混淆的基本方法三、字形的比例和排布排向一般的高度寬度比范圍每行字?jǐn)?shù)較多時(shí)的高寬比橫排(1.0:1.0)~(1.0:0.8)可加大到1.0:0.7豎排(0.8:1.0)~(1.0:1.0)可減小到0.75:1.0（一）字符的高度比例１.漢字在視覺傳達(dá)設(shè)計(jì)中，常根據(jù)版面版式、文字的橫排豎排等因素來確定文字的高寬比。一般橫排文字的豎高可大于橫寬，而豎排文字的橫寬宜大于豎高。漢字的高寬比范圍（以識(shí)別性要求為前提）橫排漢字、高寬比1.0:0.8豎排漢字、高寬比0.8:1.014精選PPT課件三、字形的比例和排布排向一般的高度寬度比范圍每行字?jǐn)?shù)較多時(shí)的２.拉丁字母和阿拉伯?dāng)?shù)字

拉丁字母和阿拉伯?dāng)?shù)字一般只能橫排，字形均為豎高大于橫寬，但少數(shù)字母和數(shù)字的高寬比與大多數(shù)是不同的，分為以下幾種：①大多數(shù)拉丁字母和數(shù)字的高寬比：（1.0：0.6）～（1.0：0.7）。②字母M、m、W、w的高寬比：（1.0：0.8）～（1.0：1.0）。③字母I、i、數(shù)字1的高寬比：可達(dá)到1.0：0.5。15精選PPT課件２.拉丁字母和阿拉伯?dāng)?shù)字拉丁字母和阿拉伯?dāng)?shù)字（二）字符的筆畫粗細(xì)１.影響字符筆畫粗細(xì)的因素①筆畫少字形簡單的字，筆畫應(yīng)該粗；筆畫多字形復(fù)雜的字，筆畫應(yīng)該細(xì)。②光照弱的環(huán)境下字的筆畫需要粗，光照強(qiáng)的環(huán)境下的筆畫可以細(xì)。③視距大而字符相對(duì)小時(shí)筆畫需要粗，反之筆畫可以細(xì)。④淺色背景下深色的字筆畫需要粗，深色背景下淺色的筆畫可以細(xì)。較極端的情況是：白底黑字需要更粗一些，黑底白字可以更細(xì)一些。更極端的情況是：暗背景下發(fā)光發(fā)亮的字尤其應(yīng)該細(xì)。如液晶顯示（LCD）和發(fā)光二極管顯示（LED）的屏幕（光滲效應(yīng)）。16精選PPT課件（二）字符的筆畫粗細(xì)１.影響字符筆畫粗細(xì)的因素16精選PPT２.字符筆畫寬度對(duì)字高比例的參考值①漢字變動(dòng)范圍為（１：５～１：１８）②拉丁字母和阿拉伯?dāng)?shù)字變動(dòng)范圍為（１：５～１：１２）筆畫粗細(xì)的視覺效果對(duì)比：白底黑字與黑底白字17精選PPT課件２.字符筆畫寬度對(duì)字高比例的參考值①漢字變動(dòng)范圍為（１：（三）字符的排布視覺傳達(dá)中字符排布的一般人機(jī)學(xué)原則如下：①從左到右的橫向排列優(yōu)先，必要時(shí)才采用從上到下的豎向排列，盡量避免斜向排列。②行距一般取字高的50％～100％。字距(包括拉丁字母和阿拉伯?dāng)?shù)字間的間距)：不小于一個(gè)筆畫的寬度。拼音文字的詞距：不小于字符高度的50％。⑧若排布區(qū)域?yàn)樨Q長條形，且水平方向較窄容納不下一個(gè)獨(dú)立的表意單元

(詞匯、詞匯連綴等)，則漢字可以從上到下豎排，拼音文字應(yīng)將水平橫排作逆時(shí)針旋轉(zhuǎn)90o的排布形式。④同一個(gè)面板上，同類的說明文字遵循統(tǒng)一的排布格式。18精選PPT課件（三）字符的排布視覺傳達(dá)中字符排布的一般人機(jī)學(xué)原則如下：18四、字符與背景的色彩及其搭配字符與背景色彩極其搭配的一般人機(jī)學(xué)原則有：①字符與背景間的色彩明度差，應(yīng)在蒙塞爾色系的２級(jí)以上。②照度低于10lx時(shí)，黑底白字與白底黑字的辨認(rèn)性差不多；照度10～100lx時(shí)，黑底白字的辨認(rèn)性較優(yōu)，照度超過100lx時(shí)，白底黑字的辨認(rèn)性較優(yōu)。此處的白色和黑色，可以擴(kuò)展理解為高明度色彩、低明度色彩。③字符主體色彩（不是背景色彩）的特性決定了視覺傳達(dá)的效果。④字符與背景的色彩搭配對(duì)視覺辨認(rèn)性的影響較大。

字符與背景的色彩搭配與辨認(rèn)性19精選PPT課件四、字符與背景的色彩及其搭配字符與背景色彩極其搭配的一般人機(jī)第二節(jié)圖形符號(hào)及標(biāo)志設(shè)計(jì)一、圖形符號(hào)設(shè)計(jì)１.圖形符號(hào)及其應(yīng)用領(lǐng)域概念：圖形符號(hào)是以圖形或圖象為主要特征的視覺符號(hào)，用來傳遞事物或概念對(duì)象的信息，而不依較語言。特點(diǎn)：直觀、精練、簡明、易懂應(yīng)用：⑴在技術(shù)文件上表明主要技術(shù)指標(biāo)。⑵在設(shè)備、儀表的操縱器、顯示器、包裝、連接插口上作操作指示。⑶在標(biāo)志上表示公共信息、安全信息、交通規(guī)則、包裝運(yùn)輸指示等。20精選PPT課件第二節(jié)圖形符號(hào)及標(biāo)志設(shè)計(jì)一、圖形符號(hào)設(shè)計(jì)20精選PPT課件結(jié)構(gòu)與工藝圖形符號(hào)示例21精選PPT課件結(jié)構(gòu)與工藝圖形符號(hào)示例21精選PPT課件機(jī)動(dòng)車輛上的圖形符號(hào)示例22精選PPT課件機(jī)動(dòng)車輛上的圖形符號(hào)示例22精選PPT課件公共信息、安全、交通、包裝運(yùn)輸標(biāo)志23精選PPT課件公共信息、安全、交通、包裝運(yùn)輸標(biāo)志23精選PPT課件２.圖形符號(hào)的設(shè)計(jì)原則①內(nèi)涵不過大，使人們能夠準(zhǔn)確地理解，不產(chǎn)生歧義。②構(gòu)形簡明，突出所表示對(duì)象主要的和獨(dú)特的屬性。③構(gòu)形醒目、清晰、易懂、易記、易辨、易制。④邊界明確、穩(wěn)定。⑤盡量采用封閉輪廓的圖形，利于對(duì)目光的吸引積聚。圖形符號(hào)優(yōu)劣對(duì)比24精選PPT課件２.圖形符號(hào)的設(shè)計(jì)原則①內(nèi)涵不過大，使人們能夠準(zhǔn)確地理解，不３.圖形符號(hào)的視認(rèn)特征與繁簡人機(jī)學(xué)對(duì)圖形符號(hào)設(shè)計(jì)的要求主要是視認(rèn)性，即人能很快意識(shí)到它的含義，不產(chǎn)生歧義。因此：⑴要突出表達(dá)出客體主要的、獨(dú)特的屬性。⑵要簡明、以利于快速辨認(rèn)。

成功的設(shè)計(jì)要求設(shè)計(jì)者具有敏銳的觀察力、高度的抽象概括力、豐富的想象力，并調(diào)動(dòng)形、色、意等多種手法加以表象。表意清晰、構(gòu)圖簡潔的圖形符號(hào)示例25精選PPT課件３.圖形符號(hào)的視認(rèn)特征與繁簡人機(jī)學(xué)對(duì)圖形符號(hào)設(shè)計(jì)測試26精選PPT課件測試26精選PPT課件27精選PPT課件27精選PPT課件28精選PPT課件28精選PPT課件29精選PPT課件29精選PPT課件30精選PPT課件30精選PPT課件31精選PPT課件31精選PPT課件圖形符號(hào)設(shè)計(jì)案例32精選PPT課件圖形符號(hào)設(shè)計(jì)案例32精選PPT課件圖形符號(hào)設(shè)計(jì)示例箭頭視認(rèn)性優(yōu)劣對(duì)比好箭頭的基準(zhǔn)圖33精選PPT課件圖形符號(hào)設(shè)計(jì)示例箭頭視認(rèn)性優(yōu)劣對(duì)比好箭頭的基準(zhǔn)圖33精選PP二、標(biāo)志設(shè)計(jì)（一）標(biāo)志及其設(shè)計(jì)原則１.標(biāo)志和應(yīng)用領(lǐng)域

標(biāo)志是給人以行為指示的符號(hào)和（或）說明性文字。有時(shí)有邊框，有時(shí)沒有邊框，主要用于公共場所、建筑物、產(chǎn)品的外包裝以及印刷品。圖形標(biāo)志：是圖形符號(hào)、文字、邊框等視覺符號(hào)的組合，以圖象為主要特征，用以表達(dá)特定的信息。標(biāo)志、圖形標(biāo)志、圖形符號(hào)的區(qū)別34精選PPT課件二、標(biāo)志設(shè)計(jì)（一）標(biāo)志及其設(shè)計(jì)原則34精選PPT課件２.圖形標(biāo)志的設(shè)計(jì)原則①首先要滿足醒目清晰和通俗易懂兩個(gè)基本要求。②圖形應(yīng)只包含所傳達(dá)信息的主要特征，減少圖形要素，避免不必要的細(xì)節(jié)。③標(biāo)志圖形的長和寬盡量接近，長寬比一般≤1：4。④標(biāo)志圖形不宜采用復(fù)雜多變和凌亂的輪廓界限，即應(yīng)注意控制和減小圖形周長對(duì)面積之比。⑤優(yōu)先采用對(duì)稱圖形和實(shí)心圖形。35精選PPT課件２.圖形標(biāo)志的設(shè)計(jì)原則①首先要滿足醒目清晰和通俗易懂兩個(gè)基本（二）圖形標(biāo)志的尺寸與視距１.圖形標(biāo)志的公稱尺寸

無論是設(shè)計(jì)還是使用，說到“標(biāo)志大小”需要有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)。取圖形標(biāo)志的哪個(gè)尺寸代表它的大小?一般取邊框作為圖形標(biāo)志計(jì)算的依據(jù)。即定義圖形標(biāo)志邊框內(nèi)緣的尺寸為圖形標(biāo)志的公稱尺寸，以s表示。

36精選PPT課件（二）圖形標(biāo)志的尺寸與視距１.圖形標(biāo)志的公稱尺寸36精選PP２.圖形標(biāo)志的公稱尺寸與視距

要讓所設(shè)置的標(biāo)志發(fā)揮預(yù)期的效能，讓人們看得清，就要根據(jù)人們的觀看距離（視距）來合理地確定標(biāo)志的尺寸大小。

圖形標(biāo)志最小公稱尺寸Smin(m)與視距L(m)的關(guān)系標(biāo)志的邊框類型保證清晰度的最小公稱尺寸保證醒目度的最小公稱尺寸正方形邊框12L/100025L/1000斜置正方形邊框14L/100025L/1000圓形邊框16L/100028L/1000三角形邊框20L/100035L/100037精選PPT課件２.圖形標(biāo)志的公稱尺寸與視距要讓所設(shè)置的標(biāo)志發(fā)揮3.其他的構(gòu)圖尺寸與視距

標(biāo)志圖形在邊框內(nèi)應(yīng)該勻稱、充實(shí)，“重心”位置適當(dāng)。構(gòu)圖元素與邊框之間的最小間距d1、各構(gòu)圖元素之間的最小間距d2，構(gòu)圖元素的最小寬度W等參數(shù)與視距L的比例關(guān)系，也必須符合規(guī)定。38精選PPT課件3.其他的構(gòu)圖尺寸與視距標(biāo)志圖形在邊框內(nèi)應(yīng)該勻稱構(gòu)圖尺寸與視距的比例關(guān)系構(gòu)圖元素與邊框間的最小間距d1一般情況：