第3章線性圖標(biāo)設(shè)計(jì)本章介紹：線性圖標(biāo)作為扁平化圖標(biāo)中的一種，具有簡(jiǎn)約輕盈的特點(diǎn)。同時(shí)伴隨著扁平化設(shè)計(jì)的發(fā)展，線性圖標(biāo)也演變出了更多設(shè)計(jì)風(fēng)格，需要UI設(shè)計(jì)師們進(jìn)行系統(tǒng)的學(xué)習(xí)和了解。本章對(duì)線性圖標(biāo)的基礎(chǔ)知識(shí)、基礎(chǔ)設(shè)計(jì)以及創(chuàng)意設(shè)計(jì)進(jìn)行系統(tǒng)講解。通過本章的學(xué)習(xí)，讀者可以對(duì)線性圖標(biāo)有一個(gè)全面深入的認(rèn)識(shí)，并快速掌握繪制常用線性圖標(biāo)的規(guī)范和方法。掌握線性圖標(biāo)的基礎(chǔ)知識(shí)掌握線性圖標(biāo)的基礎(chǔ)設(shè)計(jì)掌握線性圖標(biāo)的創(chuàng)意設(shè)計(jì)學(xué)習(xí)目標(biāo)線性圖標(biāo)即通過統(tǒng)一的線條進(jìn)行繪制，表達(dá)圖標(biāo)的功能。該類圖標(biāo)帶有形象簡(jiǎn)約、設(shè)計(jì)輕盈的特點(diǎn)，會(huì)呈現(xiàn)出干凈的視覺效果。同時(shí)由于線性圖標(biāo)中使用元素本身的簡(jiǎn)單性，亦會(huì)產(chǎn)生設(shè)計(jì)師創(chuàng)作空間降低等問題，并且在制作復(fù)雜線性圖標(biāo)會(huì)產(chǎn)生識(shí)別性減弱等現(xiàn)象。線性圖標(biāo)使用場(chǎng)景非常豐富，作為頁(yè)面的功能圖標(biāo)常用于導(dǎo)航欄、金剛區(qū)、列表流、分類區(qū)、局部操作、標(biāo)簽欄等。3.1線性圖標(biāo)的基礎(chǔ)知識(shí)線性圖標(biāo)示意圖1.描邊設(shè)置?描邊數(shù)值：進(jìn)行線性圖標(biāo)設(shè)計(jì)時(shí)，描邊的數(shù)值大小要保持一致，并盡量采用整數(shù)，如果要用小數(shù)的話建議使用“0.5”遞進(jìn)。描邊數(shù)值的不同設(shè)置會(huì)影響到圖標(biāo)的性格表現(xiàn)，因此需要根據(jù)產(chǎn)品氣質(zhì)選擇合適的圖標(biāo)描邊數(shù)值。3.2線性圖標(biāo)的基礎(chǔ)設(shè)計(jì)小米有品App底部標(biāo)簽欄?對(duì)齊方式描邊數(shù)值如果是奇數(shù)應(yīng)該使用內(nèi)或者外描邊，因?yàn)榫又械拿柽厱?huì)容易模糊。在做閉合路徑的線性圖標(biāo)時(shí)，通常采用內(nèi)描邊的對(duì)齊方式，因?yàn)橥饷柽叺氖噶繄D形視覺上其實(shí)是比實(shí)際數(shù)值要大，不利于控制圖標(biāo)大小。3.2線性圖標(biāo)的基礎(chǔ)設(shè)計(jì)描邊為偶數(shù)和奇數(shù)時(shí)不同對(duì)齊描邊的示意圖2.圓角設(shè)置進(jìn)行線性圖標(biāo)設(shè)計(jì)時(shí)，圓角的數(shù)值大小一致，建議為偶數(shù)，不能出現(xiàn)小數(shù)。同時(shí)圓角的數(shù)值設(shè)置往往和描邊的數(shù)值設(shè)置有千絲萬縷的聯(lián)系。如果圖標(biāo)的描邊為2px，圓角通常設(shè)置為2px；描邊為3px，圓角通常設(shè)置為4px。描邊為4px以上通常設(shè)置無圓角。3.2線性圖標(biāo)的基礎(chǔ)設(shè)計(jì)微信App底部標(biāo)簽欄3.造型比例進(jìn)行線性圖標(biāo)設(shè)計(jì)時(shí)，圖標(biāo)的內(nèi)形和外形之比需要達(dá)到1:2。這樣設(shè)計(jì)出的圖標(biāo)才會(huì)使整體視覺效果較為平衡，能夠呈現(xiàn)最佳狀態(tài)。3.2線性圖標(biāo)的基礎(chǔ)設(shè)計(jì)圖標(biāo)不同比例的示意圖3.3線性圖標(biāo)的創(chuàng)意設(shè)計(jì)基礎(chǔ)線性課堂案例-制作線性圓角圖標(biāo)基礎(chǔ)線性延伸線性斷點(diǎn)課堂案例-制作線性斷點(diǎn)圖標(biāo)課堂案例-制作線性疊加圖標(biāo)1.線性直角線性直角圖標(biāo)明快果斷。線性直角圖標(biāo)示意圖3.3.1基礎(chǔ)線性2.線性圓角線性圓角圖標(biāo)柔和親切。線性直角圖標(biāo)示意圖3.3.1基礎(chǔ)線性使用圓角矩形工具和直線段工具繪制線性圓角圖標(biāo)，使用描邊命令設(shè)置描邊選項(xiàng)，使用變換命令制作線性圓角圖標(biāo)。圖標(biāo)最終效果圖3.3.2課堂案例-制作線性圓角圖標(biāo)1.不透明度線性不透明度圖標(biāo)富有層次。線性不透明度圖標(biāo)示意圖3.3.3基礎(chǔ)線性延伸2.色彩變化線性雙色圖標(biāo)活潑可愛。在制作時(shí)，可以根據(jù)色環(huán)以及品牌做出類似色、對(duì)比色以及黑白+品牌色的色彩變化。線性雙色圖標(biāo)示意圖3.3.3基礎(chǔ)線性延伸3.增加高光線性高光式圖標(biāo)復(fù)雜傳統(tǒng)。線性高光圖標(biāo)示意圖3.3.3基礎(chǔ)線性延伸線性斷點(diǎn)圖標(biāo)有趣文藝。在制作時(shí)，難度系數(shù)也較高，下面將通過斷點(diǎn)位置、斷點(diǎn)位置以及斷點(diǎn)端點(diǎn)三個(gè)方面進(jìn)行線性斷點(diǎn)圖標(biāo)制作的詳細(xì)講解。線性斷點(diǎn)圖標(biāo)示意圖3.3.4線性斷點(diǎn)1.斷點(diǎn)位置斷點(diǎn)位置首先會(huì)選擇在圖標(biāo)元素之間的拼接處進(jìn)行斷線，因?yàn)檫@樣會(huì)最大限度的保障圖標(biāo)識(shí)別度。斷點(diǎn)位置示意圖3.3.4線性斷點(diǎn)2.斷點(diǎn)距離在制作48px線性圖標(biāo)時(shí)，斷點(diǎn)距離通常在10px左右。斷點(diǎn)距離示意圖3.3.4線性斷點(diǎn)3.斷點(diǎn)端點(diǎn)斷點(diǎn)的端點(diǎn)如果是方形，則表現(xiàn)出尖銳、鋒利的特點(diǎn)。當(dāng)斷點(diǎn)的端點(diǎn)是圓形，則表現(xiàn)出溫和、親切的特點(diǎn)。因此大家在設(shè)計(jì)斷點(diǎn)端點(diǎn)時(shí)，需要根據(jù)產(chǎn)品特征與受眾，選擇合適形狀。方頭斷點(diǎn)示意圖以及圓頭斷點(diǎn)示意圖3.3.4線性斷點(diǎn)使用矩形工具和橢圓工具繪制圖形，使用直接選擇工具調(diào)整圖標(biāo)錨點(diǎn)，使用路徑查找器命令實(shí)現(xiàn)線性斷點(diǎn)圖標(biāo)。3.3.5課堂案例-制作線性斷點(diǎn)圖標(biāo)未加入斷點(diǎn)加入斷點(diǎn)使用圓角矩形工具、橢圓工具和直線段工具繪制線性疊加圖標(biāo)，使用剪刀工具剪切路徑，使用描邊命令設(shè)置描邊選項(xiàng)，使用漸變工具實(shí)現(xiàn)制作線性疊加圖標(biāo)。3.3.6課堂案例-制作線性疊加圖標(biāo)圖標(biāo)最終效果圖使用繪圖工具、直線段工具和路徑查找器命令繪制圖形，使用屬性面板調(diào)整描邊屬性，實(shí)現(xiàn)線性雙色圖標(biāo)。我愛我家App3.4課堂練習(xí)-制作線性雙色圖標(biāo)使用繪圖工具、直線段工具和路徑查找器命令繪制圖形，使用屬性面板調(diào)整描邊屬性，使用漸變工具實(shí)現(xiàn)線性漸變圖標(biāo)。平安財(cái)富寶App3.5課后習(xí)題-制作線性漸變圖標(biāo)1.了解顯微鏡的構(gòu)造及其作用。2.掌握顯微鏡的使用技術(shù)。3.認(rèn)識(shí)植物細(xì)胞的基本結(jié)構(gòu)。4.初步掌握臨時(shí)裝片的制作方法。5.初步掌握生物繪圖的基本方法。一、實(shí)驗(yàn)?zāi)康亩⒂闷放c材料1.顯微鏡、鑷子、小剪刀、載玻片、蓋玻片、解剖針、培養(yǎng)皿、滴管、吸水紙、碘液、蒸餾水，擦鏡紙、二甲苯。2.洋蔥的鱗葉（一）顯微鏡的構(gòu)造與使用1、顯微鏡的構(gòu)造目鏡物鏡光源光圈鏡筒鏡臂鏡座載物臺(tái)通光孔調(diào)節(jié)螺旋物鏡轉(zhuǎn)換器雙目顯微鏡三、方法與步驟目鏡物鏡鏡筒反光鏡鏡臂粗調(diào)螺旋細(xì)調(diào)螺旋聚光器鏡座載物臺(tái)壓片夾單目顯微鏡2、顯微鏡主要部件的功能目鏡：放大物鏡：放大光源：照射光孔：通過光線光圈：調(diào)節(jié)光線強(qiáng)弱鏡筒：安裝目鏡物鏡轉(zhuǎn)換器：變換物鏡載物臺(tái)：呈放觀察目標(biāo)調(diào)節(jié)螺旋：調(diào)節(jié)物鏡與觀察目標(biāo)的距離鏡座：承載顯微鏡光學(xué)部分機(jī)械部分（1）取鏡3、顯微鏡的使用右手握住鏡臂，左手托住鏡座。（2）安放把顯微鏡放在實(shí)驗(yàn)臺(tái)略偏左的位置上，顯微鏡距實(shí)驗(yàn)臺(tái)邊緣5厘米左右。3、顯微鏡的使用（3）放置玻片將有蓋玻片的一面朝上，并用玻片夾夾緊，標(biāo)本要正對(duì)通光孔的中心。3、顯微鏡的使用（4）調(diào)光打開電源開關(guān)。轉(zhuǎn)動(dòng)轉(zhuǎn)換器，使低倍物鏡對(duì)準(zhǔn)通光孔。3、顯微鏡的使用（5）觀察轉(zhuǎn)動(dòng)粗調(diào)節(jié)螺旋，使載物臺(tái)緩緩上升，直到看清物像為止。再略微轉(zhuǎn)動(dòng)微調(diào)螺旋，使看到的物像更加清晰。3、顯微鏡的使用（6）整理觀察結(jié)束，下降載物臺(tái)，取下玻片。轉(zhuǎn)動(dòng)轉(zhuǎn)換器，使兩個(gè)較長(zhǎng)的物鏡鏡頭呈“八”字形位于通光孔兩側(cè)。3、顯微鏡的使用（7）填寫記錄本在儀器使用記錄本如實(shí)填寫顯微鏡使用情況3、顯微鏡的使用（8）放回蓋好顯微鏡，將顯微鏡按號(hào)放回原處。3、顯微鏡的使用按號(hào)使用顯微鏡先開電源后放標(biāo)本先低倍物鏡，后高倍物鏡注意協(xié)調(diào)光圈大小和光源明暗善于調(diào)節(jié)觀察目標(biāo)的位置調(diào)焦要緩慢，避免損壞鏡頭和玻片使用后要調(diào)高物鏡與載物臺(tái)之間的距離，并清潔顯微鏡3、顯微鏡的使用使用注意事項(xiàng)用左手拇指和食指夾住玻片的兩邊，右手拇指和食指襯兩層紗布夾住玻片的一半，進(jìn)行擦拭，然后再擦拭另一半，使整個(gè)玻片干凈為止。（二）觀察洋蔥鱗葉表皮細(xì)胞擦拭玻片

用鑷子撕下洋蔥鱗片葉的內(nèi)表皮，剪成長(zhǎng)約5mm、寬約3mm的小片。（二）觀察洋蔥鱗葉表皮細(xì)胞取材

在載玻片的中央滴一滴水，將剪好的表皮浸入水滴中，并用解剖針挑平，再加蓋玻片。加蓋玻片時(shí)應(yīng)先使蓋玻片的一側(cè)接觸水滴，另一側(cè)用解剖針托住慢慢放下，以免產(chǎn)生氣泡。（二）觀察洋蔥鱗葉表皮細(xì)胞制作臨時(shí)裝片

將制好的臨時(shí)裝片放在載物臺(tái)上，先在低倍物鏡下觀察，當(dāng)找到許多長(zhǎng)形的細(xì)胞后，再換用高倍物鏡觀察細(xì)胞的詳細(xì)結(jié)構(gòu)。

（二）觀察洋蔥鱗葉表皮細(xì)胞觀察

液泡細(xì)胞核內(nèi)質(zhì)網(wǎng)微管質(zhì)膜細(xì)胞壁線粒體葉綠體微絲高爾基體5.1晶格振動(dòng)構(gòu)成晶體的質(zhì)點(diǎn)并不是靜止不動(dòng)的，實(shí)際上這些質(zhì)點(diǎn)總是在它們各自的平衡位置附近作微小的振動(dòng)，這就是晶體的點(diǎn)陣振動(dòng)或稱為晶格振動(dòng)。無機(jī)非金屬材料的比熱、熱膨脹、熱傳導(dǎo)、聲音傳播等直接與晶格振動(dòng)有關(guān)，

由于熱運(yùn)動(dòng)各原子離開平衡位置，而同時(shí)由于原子間的相互作用，使偏離平衡位置的原子受到恢復(fù)力的作用，有回到平衡位置的趨勢(shì)，所以原子就會(huì)在其平衡位置附近作微振動(dòng)。一、一維單原子晶格的線性振動(dòng)現(xiàn)在只討論一維單原子晶格的振動(dòng)。由于晶體中原子間有著很強(qiáng)的相互作用力，因此一個(gè)原子的振動(dòng)會(huì)牽連著相鄰原子隨之振動(dòng)，因相鄰原子間的振動(dòng)存在著一定的位相差，這就使晶格振動(dòng)以彈性波的形式在整個(gè)晶體內(nèi)得到傳播(圖5.2)，這種存在于晶格中的波稱為“格波”。二、一維雙原子晶格的線性振動(dòng)在一維無限長(zhǎng)直線鏈上周期性相間排列著兩個(gè)質(zhì)量分別為m1、m2的原子，見圖5.3，由于兩個(gè)原子各自都有獨(dú)立的類似于(5-5)式的運(yùn)動(dòng)方程，因此通過這二組方程的求解，在得出的解中可分別列出兩支頻率不同的獨(dú)立格波，高頻支格波可以用紅外光來激發(fā)，所以也叫光學(xué)支格波（簡(jiǎn)稱光學(xué)波）；低頻支格波可以用超聲波來激發(fā)，也叫聲頻支格波（簡(jiǎn)稱聲學(xué)波），見圖5.4。雙原子點(diǎn)陣中，因?yàn)橐粋€(gè)元胞中包含了兩種不同的原子，不僅是它們各自會(huì)有獨(dú)立的振動(dòng)頻率，而且即使頻率都與元胞振動(dòng)頻率相同，由于兩種原子的質(zhì)量不同，振幅也不同，所以兩原子間會(huì)有相對(duì)運(yùn)動(dòng)。對(duì)于聲頻支，可以看成是相鄰原子具有相同的振動(dòng)方向，因此表示了元胞的質(zhì)量中心的振動(dòng)；對(duì)于光頻支，可以看成相鄰的兩原子振動(dòng)方向相反，表示了元胞的質(zhì)量中心維持不動(dòng)，而元胞中兩個(gè)原子的相對(duì)振動(dòng)。晶格振動(dòng)對(duì)晶體的許多性質(zhì)有重要的影響。例如固體的比熱、熱膨脹、熱導(dǎo)等直接與晶格振動(dòng)有關(guān)。材料的聲學(xué)性質(zhì)與晶格振動(dòng)也密切相關(guān)。5.2無機(jī)材料的熱容物體在溫度升高1K時(shí)所吸收的熱量稱作該物體的熱容。單位：J/K顯然物體的質(zhì)量不同，熱容值不同，對(duì)于一