地址: 上海市寶山區(qū)長(zhǎng)江路580號(hào)6樓
熱線:400-166-3538
電話:13122077371
郵箱:sales@shyuanzhen.cn
容性設(shè)計(jì)是一個(gè)熱門的話題,它拒絕少數(shù)服從多數(shù),也不是讓多數(shù)配合少數(shù),而是保持對(duì)大眾的廣泛關(guān)注,創(chuàng)造出擁有足夠包容性的好設(shè)計(jì)。從這個(gè)層面上來(lái)說(shuō),設(shè)計(jì)的可訪問(wèn)性必須做到足夠好,盡量讓大家都能輕松方便地享受設(shè)計(jì)的成果,良好的對(duì)比度,普適的交互模式,以及我們提的最多的正確的字體選取。
值得一提的是,不僅僅是公共機(jī)構(gòu)的網(wǎng)站需要注意選取可訪問(wèn)性優(yōu)異的字體,品牌和企業(yè)的網(wǎng)站中字體的選取同樣需要精心挑選。但是,你如何確定哪些字體合適?這是否意味著要在設(shè)計(jì)上做妥協(xié)?
并不一定。今天我們來(lái)聊聊英文字體的選取的技巧,下面的12條技巧,應(yīng)當(dāng)能給你足夠的幫助,幫你選取擁有足夠包容性和可訪問(wèn)性的英文字體。(注意,這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體,尋找展示性、個(gè)性化、強(qiáng)形式感的功能性字體是另一個(gè)問(wèn)題。)
1、盡量不要選擇那些看起來(lái)就非常童趣的字體,完全沒(méi)有這個(gè)必要。這是相當(dāng)常見(jiàn)的錯(cuò)誤,原因也很明顯:挑選一款高包容性、可訪問(wèn)性好的字體的時(shí)候,它的平衡性和實(shí)用性同個(gè)性化同樣重要。
2、有些字體設(shè)計(jì)風(fēng)格會(huì)讓特定的幾個(gè)字母之間的識(shí)別度降低。最常見(jiàn)的就是數(shù)字 “8″ 和大寫字母 “B”,大寫的 “I (i)” 和小寫字母 “l(fā) (L)” 之間的識(shí)別度問(wèn)題。選擇帶有襯線的字體能夠讓小寫字母“i”和大寫字母 “I” 更好地被分辨出來(lái),即便是在較小的屏幕上。如果字體中的小寫字母 “a” 是雙層結(jié)構(gòu)則能很好的同小寫字母 “o” 區(qū)分開(kāi)。
3、如果你需要在標(biāo)題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時(shí)候,那么使用筆畫較為舒展、內(nèi)外空間都比較大的非襯線體是相當(dāng)不錯(cuò)的。
pt 也就是 Point ,而我們常說(shuō)的 px 指的是像素 Pixel,兩者有著明顯的差異。pt 源自平面印刷領(lǐng)域,指的是1/72 英寸,是一個(gè)固定的長(zhǎng)度,而px 指的是像素點(diǎn),在iPhone 3GS 上 5px 的物理長(zhǎng)度和 iPhone 6s 上 5px 的物理長(zhǎng)度是不一樣的,前者由于像素密度低從而導(dǎo)致5px 的物理長(zhǎng)度更長(zhǎng)。所以,px 是一個(gè)“相對(duì)長(zhǎng)度”單位,而 pt 是一個(gè)“絕對(duì)長(zhǎng)度”單位。
4、在選取網(wǎng)頁(yè)字體的時(shí)候,盡量選取 X高度較大的字體。X高度覆蓋的區(qū)域是閱讀的主體,而上伸部和下降部則為每個(gè)字母提供了足夠的識(shí)別度。上升部應(yīng)該比大寫字母稍微高一點(diǎn)。
X高度通常指的是小寫字母的平均高度,之所以為稱為x高度是應(yīng)為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱為 Ascender,也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱為 Descender,即是下降部。
5、盡量挑選內(nèi)部空間均衡、外部輪廓銳利、末端清晰的字體,當(dāng)字體較小的時(shí)候,字母之間距離縮小靠近,空間會(huì)被模糊、填充,會(huì)影響識(shí)別度和可讀性。
西文字體設(shè)計(jì)存在“External Counter”和“Internal Counter”的概念,通常稱之為外部空間和內(nèi)部空間。小寫字母 “a” 和 “e” 的字母內(nèi)部?jī)蓚€(gè)空白區(qū)域即為內(nèi)部空間,如果某部分內(nèi)部空間比較小,當(dāng)字體尺寸較小的時(shí)候,會(huì)降低識(shí)別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細(xì)節(jié)銳利度和那些勾勒細(xì)節(jié)的外部空間,也就是豎線和弧線之間所夾的空間。如果外部空間較小,在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。
6、數(shù)字的設(shè)計(jì)也應(yīng)該有特色,尤其是數(shù)字 “0″ 應(yīng)當(dāng)同大寫字母 “O” 有顯著的差別,而數(shù)字 “6″ 和 “9″ 的末端開(kāi)口應(yīng)當(dāng)足夠舒展開(kāi)闊。
7、字母的X高度和筆畫寬度之間有一個(gè)最佳比例,為了達(dá)到最佳可讀性,通常筆畫寬度應(yīng)該控制在X高度的17%~20%。
8、挑選小寫字母 “t” 上面的一橫相對(duì)長(zhǎng)一些的字體,這樣字母的識(shí)別度會(huì)更高。
9、大寫字母 “Q” 底部的尾巴能增強(qiáng)字母的識(shí)別度,字體選取的時(shí)候應(yīng)當(dāng)注意這個(gè)細(xì)節(jié)。
10、字母之間的間距應(yīng)當(dāng)均勻而富有韻律感,這樣能提升字母的可讀性和識(shí)別度。間距太大太小都會(huì)讓人感覺(jué)不適。
11、在黑色的背景下,將字體色彩設(shè)定為白色,輸入一段文字,查看它們的顯示效果。如果字母之間間距看起來(lái)比較小,字母的形狀看起來(lái)像在“發(fā)光”,從而令字母仿佛比單獨(dú)看更粗的話,那么你應(yīng)當(dāng)選取筆畫更細(xì)的字體。
12、你應(yīng)當(dāng)挑選字重范圍更廣的字體族,這樣當(dāng)你在設(shè)定不同平臺(tái)、不同屏幕尺寸、不同設(shè)備下的顯示效果的時(shí)候,可以更加輕松自由地找到對(duì)的效果。
建站的網(wǎng)址選擇關(guān)乎這個(gè)網(wǎng)站的生死存亡,并不光是一個(gè)標(biāo)記而已,網(wǎng)址在很大程度上也是重要的資源,需要慎重看待。那么建網(wǎng)站在網(wǎng)址方面會(huì)有哪些容易受到困擾的問(wèn)題呢?當(dāng)公司準(zhǔn)備對(duì)外開(kāi)發(fā)自己的網(wǎng)站時(shí),需要靠思考的事情是怎樣給網(wǎng)站取一個(gè)適合的名字,網(wǎng)址是企業(yè)電商走向成功的捷徑,在網(wǎng)址選擇時(shí)需要核心思考兩個(gè)問(wèn)題,一個(gè)是網(wǎng)址的后綴,另個(gè)是主體部分。
建網(wǎng)站在網(wǎng)址方面會(huì)困擾的問(wèn)題
并不是全部網(wǎng)址都在搜索引擎中有信息記錄,所以每天過(guò)期的網(wǎng)址未嘗不是好的網(wǎng)址。在網(wǎng)址選擇上首先把握最初的有寓意原則是必要,另外需綜合思考的便是二手網(wǎng)址在搜索引擎中的呈現(xiàn)。分析網(wǎng)址的表現(xiàn)情況,檢查是不是存在不良?xì)埩粜畔ⅲ榭赐怄湐?shù)量,或者查看是不是擁有權(quán)重,是不是分類目錄收錄,都是衡量二手網(wǎng)址的重要指標(biāo)。甚至于國(guó)內(nèi)要查看是網(wǎng)址是不是備案,但是好網(wǎng)址可遇不可求,抓到好網(wǎng)址該出手時(shí)就出手,不然恐為人后。
網(wǎng)址選擇好了,主機(jī)也準(zhǔn)備到位了,下面接著就可以規(guī)劃網(wǎng)站的架構(gòu),網(wǎng)站的架構(gòu)布局不能按自己意愿行事,還需要思考客戶的瀏覽習(xí)慣和瀏覽行為,瀏覽次序等,此外為了能獲得排名,還需要去滿足和迎合搜索引擎網(wǎng)絡(luò)爬蟲的規(guī)則。如果想要建一個(gè)網(wǎng)站,申請(qǐng)一個(gè)網(wǎng)址基本上是最為基礎(chǔ)的一個(gè)條件。網(wǎng)絡(luò)上有很多關(guān)于網(wǎng)址選擇的時(shí)候要遵循的一些原則特色,然而一定要記住,盡可能的讓他保持好記簡(jiǎn)短。大部分的公司網(wǎng)站在上線網(wǎng)站的時(shí)候,都基本上都是找建站企業(yè)制作,在網(wǎng)址選擇上盡量和自己的品牌名稱接近。可以說(shuō)網(wǎng)站從開(kāi)始就有一個(gè)底子。
網(wǎng)址選擇后使用年限可以多開(kāi)幾年,讓搜索引擎覺(jué)得會(huì)長(zhǎng)期經(jīng)營(yíng)下去。建站后要完全改完后才能夠上線,切勿上線后大幅度的變動(dòng)。很多站長(zhǎng)覺(jué)得,網(wǎng)址選擇怎么會(huì)有那么多講究,實(shí)際上萬(wàn)丈高樓平地起,基礎(chǔ)要打牢固。網(wǎng)址還要盡量思考短,字母少,輸入簡(jiǎn)單,并且越短的網(wǎng)址越高大上。通過(guò)將優(yōu)化概念融入網(wǎng)站的程序,功能規(guī)劃等方面。要帶有seo元素,符合搜索引擎規(guī)范。
網(wǎng)址應(yīng)該著眼于盡可能讓訪問(wèn)者易訪問(wèn),易傳播的角度上考慮,因此說(shuō)站長(zhǎng)在選擇的時(shí)候切勿太急著做決定,要知道選擇一個(gè)合適的網(wǎng)址可以為網(wǎng)站帶來(lái)難以估量的價(jià)值!網(wǎng)站的目標(biāo)用戶群的區(qū)域分布決定了網(wǎng)址選擇的地域,如網(wǎng)站的目標(biāo)是國(guó)內(nèi)客戶,那么使用拼音是合適的,中國(guó)人是了解其含意的,然而如果是面向國(guó)外的客戶就不合適了,這也是會(huì)造成困擾的問(wèn)題。網(wǎng)址一定要新的,不要那些二手網(wǎng)址,由于有可能有些網(wǎng)址進(jìn)入了搜索引擎黑名單,這樣給后面的優(yōu)化帶來(lái)相當(dāng)大的麻煩。
? 免費(fèi)熱線:400-166-3538 ? 咨詢電話:13122077371 ? 咨詢QQ :63778992 ? 微信咨詢 : chunhua19820 | 公司名稱:上海緣震網(wǎng)絡(luò)科技有限公司 開(kāi)戶銀行:中國(guó)工商銀行上海市彭浦支行 銀行賬號(hào):1001 2508 0930 0206 455 |
總部:上海市奉賢區(qū)金海公路6055號(hào)29號(hào)3樓 分部:上海市寶山區(qū)長(zhǎng)江路580號(hào)605室 商務(wù)官網(wǎng):www.centos9.com 新官網(wǎng):www.shyuanzhen.com 案例庫(kù):www.shyuanzhen.cc 彥蓁科技:www.shyanzhen.cn | 緣震網(wǎng)絡(luò)成立于 2014 年,公司主要經(jīng)營(yíng)全案策劃,高端品質(zhì)網(wǎng)站建設(shè)、多媒體視頻宣傳片制作、微信公眾號(hào)開(kāi)發(fā)、微信小程序開(kāi)發(fā)、商城定制、SEO優(yōu)化、電商托管、空間托管、網(wǎng)站維護(hù)、應(yīng)用軟件開(kāi)發(fā)、手機(jī)端APP開(kāi)發(fā)、等為客戶提供一條龍網(wǎng)絡(luò)運(yùn)營(yíng)解決方案的的技術(shù)型企業(yè)。我們?cè)谌肆Y源、業(yè)務(wù)范圍、設(shè)計(jì)、技術(shù)、服務(wù)、信譽(yù)度、規(guī)范管理及企業(yè)文化等諸多方面完善自己,公司目前已與千余家各類客戶進(jìn)行長(zhǎng)期戰(zhàn)略合作,提供專業(yè)的網(wǎng)站建設(shè)與運(yùn)營(yíng)服務(wù)。我們的口號(hào):廣結(jié)良緣、震古爍今! |