地址: 上海市靜安區(qū)共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
包容性設(shè)計是一個熱門的話題,它拒絕少數(shù)服從多數(shù),也不是讓多數(shù)配合少數(shù),而是保持對大眾的廣泛關(guān)注,創(chuàng)造出擁有足夠包容性的好設(shè)計。從這個層面上來說,設(shè)計的可訪問性必須做到足夠好,盡量讓大家都能輕松方便地享受設(shè)計的成果,良好的對比度,普適的交互模式,以及我們提的最多的正確的字體選取。
值得一提的是,不僅僅是公共機構(gòu)的網(wǎng)站需要注意選取可訪問性優(yōu)異的字體,品牌和企業(yè)的網(wǎng)站中字體的選取同樣需要精心挑選。但是,你如何確定哪些字體合適?這是否意味著要在設(shè)計上做妥協(xié)?
并不一定。今天我們來聊聊英文字體的選取的技巧,下面的12條技巧,應(yīng)當能給你足夠的幫助,幫你選取擁有足夠包容性和可訪問性的英文字體。(注意,這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體,尋找展示性、個性化、強形式感的功能性字體是另一個問題。)
1、盡量不要選擇那些看起來就非常童趣的字體,完全沒有這個必要。這是相當常見的錯誤,原因也很明顯:挑選一款高包容性、可訪問性好的字體的時候,它的平衡性和實用性同個性化同樣重要。
2、有些字體設(shè)計風格會讓特定的幾個字母之間的識別度降低。最常見的就是數(shù)字 “8″ 和大寫字母 “B”,大寫的 “I (i)” 和小寫字母 “l(fā) (L)” 之間的識別度問題。選擇帶有襯線的字體能夠讓小寫字母“i”和大寫字母 “I” 更好地被分辨出來,即便是在較小的屏幕上。如果字體中的小寫字母 “a” 是雙層結(jié)構(gòu)則能很好的同小寫字母 “o” 區(qū)分開。
3、如果你需要在標題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時候,那么使用筆畫較為舒展、內(nèi)外空間都比較大的非襯線體是相當不錯的。
pt 也就是 Point ,而我們常說的 px 指的是像素 Pixel,兩者有著明顯的差異。pt 源自平面印刷領(lǐng)域,指的是1/72 英寸,是一個固定的長度,而px 指的是像素點,在iPhone 3GS 上 5px 的物理長度和 iPhone 6s 上 5px 的物理長度是不一樣的,前者由于像素密度低從而導致5px 的物理長度更長。所以,px 是一個“相對長度”單位,而 pt 是一個“絕對長度”單位。
4、在選取網(wǎng)頁字體的時候,盡量選取 X高度較大的字體。X高度覆蓋的區(qū)域是閱讀的主體,而上伸部和下降部則為每個字母提供了足夠的識別度。上升部應(yīng)該比大寫字母稍微高一點。
X高度通常指的是小寫字母的平均高度,之所以為稱為x高度是應(yīng)為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱為 Ascender,也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱為 Descender,即是下降部。
5、盡量挑選內(nèi)部空間均衡、外部輪廓銳利、末端清晰的字體,當字體較小的時候,字母之間距離縮小靠近,空間會被模糊、填充,會影響識別度和可讀性。
西文字體設(shè)計存在“External Counter”和“Internal Counter”的概念,通常稱之為外部空間和內(nèi)部空間。小寫字母 “a” 和 “e” 的字母內(nèi)部兩個空白區(qū)域即為內(nèi)部空間,如果某部分內(nèi)部空間比較小,當字體尺寸較小的時候,會降低識別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細節(jié)銳利度和那些勾勒細節(jié)的外部空間,也就是豎線和弧線之間所夾的空間。如果外部空間較小,在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。
6、數(shù)字的設(shè)計也應(yīng)該有特色,尤其是數(shù)字 “0″ 應(yīng)當同大寫字母 “O” 有顯著的差別,而數(shù)字 “6″ 和 “9″ 的末端開口應(yīng)當足夠舒展開闊。
7、字母的X高度和筆畫寬度之間有一個最佳比例,為了達到最佳可讀性,通常筆畫寬度應(yīng)該控制在X高度的17%~20%。
8、挑選小寫字母 “t” 上面的一橫相對長一些的字體,這樣字母的識別度會更高。
9、大寫字母 “Q” 底部的尾巴能增強字母的識別度,字體選取的時候應(yīng)當注意這個細節(jié)。
10、字母之間的間距應(yīng)當均勻而富有韻律感,這樣能提升字母的可讀性和識別度。間距太大太小都會讓人感覺不適。
11、在黑色的背景下,將字體色彩設(shè)定為白色,輸入一段文字,查看它們的顯示效果。如果字母之間間距看起來比較小,字母的形狀看起來像在“發(fā)光”,從而令字母仿佛比單獨看更粗的話,那么你應(yīng)當選取筆畫更細的字體。
12、你應(yīng)當挑選字重范圍更廣的字體族,這樣當你在設(shè)定不同平臺、不同屏幕尺寸、不同設(shè)備下的顯示效果的時候,可以更加輕松自由地找到對的效果。
從事網(wǎng)站建設(shè)這個行業(yè)真是個勞累的行業(yè),做服務(wù)有些什么不是累了就能得到回報,有些技術(shù)員就沒有何止的為客戶提供用力,不會拒絕,這種特別是些小企業(yè)會很多,客戶在給錢的時候都會沒有要求,當定制完成后就有要求了,而且要求會非常的高,甚至永無止境的地步,要是說為什么有些網(wǎng)建公司被大集團收購了網(wǎng)站建設(shè)業(yè)務(wù)就不做了,把客戶都統(tǒng)一清除掉,這就是國內(nèi)首屈一指的互聯(lián)網(wǎng)巨頭所為,聰明的商人都知道就不賺錢的業(yè)務(wù)。
但是對于客戶來說呢,很多客戶是對于對互聯(lián)網(wǎng)的重視,預算都是五位數(shù)起,一般的小企業(yè)都愿意花過三五萬對建設(shè)網(wǎng)站,這種情況要花這么多錢是一定可以花掉,這個沒有什么想不通的,就如我們買衣服預算是1K,我們不可能只花一百元,通過都 超過預算,都是想便宜沒有好貨,一分錢一分貨,但是對于建網(wǎng)站來說并不實用,不是用分錢一分貨,這樣類比真不行,可以說花10萬與花1萬服務(wù)成本差不多,也不會是什么頭牌設(shè)計師,如美容美發(fā)造型設(shè)計說設(shè)計師有職稱,可是網(wǎng)建公司的技術(shù)員沒有這種說法,這種道理是業(yè)內(nèi)人才知道。
網(wǎng)建公司亂像是因為客戶對互聯(lián)網(wǎng),對網(wǎng)站沒有對從位認識,只會花錢,像買衣服,買汽車一樣的花錢,這根本不行,很多道理很難說,這樣說吧,哪果用戶真正的弄清楚網(wǎng)站建設(shè)的技術(shù)原理,90%的客戶不會花五位數(shù)的價格來開發(fā)網(wǎng)站了,只能這樣說。
對一些服務(wù)商來說,真心實意的少賺錢,但是在眾多客戶的眼里成為了次品,爛貨,差勁帽子,而且還用一種怪怪的語氣,這種便宜的東西就這樣,認為上了當一樣.....
不管怎么樣,當下吶喊什么大道理沒有用,當社會的進步,大眾對互聯(lián)網(wǎng),對網(wǎng)站的認識清楚以后就明白了,就明白錢應(yīng)該不應(yīng)該花,估計有一大半的網(wǎng)建公司會關(guān)門或轉(zhuǎn)行,再靠忽悠來過日子真不是長久之際。
? ? ? ? | 公司名稱:上海緣震網(wǎng)絡(luò)科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區(qū)金海公路6055號29號3樓 分部:上海市靜安區(qū)共和新路4718弄10號樓2樓 商務(wù)官網(wǎng):www.086cnc.com 新官網(wǎng):www.shyuanzhen.com 彥蓁科技:www.shyanzhen.cn | 緣震網(wǎng)絡(luò)成立于 2014 年,公司主要經(jīng)營全案策劃,高端品質(zhì)網(wǎng)站建設(shè)、多媒體視頻宣傳片制作、微信公眾號開發(fā)、微信小程序開發(fā)、商城定制、SEO優(yōu)化、電商托管、空間托管、網(wǎng)站維護、應(yīng)用軟件開發(fā)、手機端APP開發(fā)、等為客戶提供一條龍網(wǎng)絡(luò)運營解決方案的的技術(shù)型企業(yè)。我們在人力資源、業(yè)務(wù)范圍、設(shè)計、技術(shù)、服務(wù)、信譽度、規(guī)范管理及企業(yè)文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰(zhàn)略合作,提供專業(yè)的網(wǎng)站建設(shè)與運營服務(wù)。我們的口號:廣結(jié)良緣、震古爍今! |