地址: 上海市靜安區(qū)共和新路4718弄10號(hào)樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
容性設(shè)計(jì)是一個(gè)熱門(mén)的話題,它拒絕少數(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″ 和大寫(xiě)字母 “B”,大寫(xiě)的 “I (i)” 和小寫(xiě)字母 “l(fā) (L)” 之間的識(shí)別度問(wèn)題。選擇帶有襯線的字體能夠讓小寫(xiě)字母“i”和大寫(xiě)字母 “I” 更好地被分辨出來(lái),即便是在較小的屏幕上。如果字體中的小寫(xiě)字母 “a” 是雙層結(jié)構(gòu)則能很好的同小寫(xiě)字母 “o” 區(qū)分開(kāi)。
3、如果你需要在標(biāo)題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時(shí)候,那么使用筆畫(huà)較為舒展、內(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)該比大寫(xiě)字母稍微高一點(diǎn)。
X高度通常指的是小寫(xiě)字母的平均高度,之所以為稱為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)部空間。小寫(xiě)字母 “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)同大寫(xiě)字母 “O” 有顯著的差別,而數(shù)字 “6″ 和 “9″ 的末端開(kāi)口應(yīng)當(dāng)足夠舒展開(kāi)闊。
7、字母的X高度和筆畫(huà)寬度之間有一個(gè)最佳比例,為了達(dá)到最佳可讀性,通常筆畫(huà)寬度應(yīng)該控制在X高度的17%~20%。
8、挑選小寫(xiě)字母 “t” 上面的一橫相對(duì)長(zhǎng)一些的字體,這樣字母的識(shí)別度會(huì)更高。
9、大寫(xiě)字母 “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)選取筆畫(huà)更細(xì)的字體。
12、你應(yīng)當(dāng)挑選字重范圍更廣的字體族,這樣當(dāng)你在設(shè)定不同平臺(tái)、不同屏幕尺寸、不同設(shè)備下的顯示效果的時(shí)候,可以更加輕松自由地找到對(duì)的效果。
品牌建站具有多方面的優(yōu)勢(shì),具體如下: 1. **提升品牌形象與知名度**: - **專業(yè)形象塑造**:品牌建站通常會(huì)有專業(yè)的設(shè)計(jì)團(tuán)隊(duì)進(jìn)行頁(yè)面設(shè)計(jì),無(wú)論是色彩搭配、排版布局還是視覺(jué)元素的運(yùn)用,都能更好地契合品牌的風(fēng)格和定位,呈現(xiàn)出高端、專業(yè)的視覺(jué)效果,與品牌的形象相得益彰。例如,蘋(píng)果公司的官方網(wǎng)站,簡(jiǎn)潔大氣的設(shè)計(jì)風(fēng)格完美地體現(xiàn)了其品牌的科技感和創(chuàng)新精神,給用戶留下了深刻的印象。 - **廣泛的傳播渠道**:通過(guò)網(wǎng)站,品牌可以突破地域和時(shí)間的限制,將品牌信息傳遞給全球范圍內(nèi)的潛在客戶。而且,網(wǎng)站可以與各種社交媒體平臺(tái)、搜索引擎等進(jìn)行鏈接和推廣,擴(kuò)大品牌的曝光度,提高品牌的知名度。比如,一些時(shí)尚品牌通過(guò)精美的網(wǎng)站展示新品,吸引用戶分享到社交媒體上,從而迅速傳播品牌信息。 2. **增強(qiáng)用戶體驗(yàn)與信任度**: - **個(gè)性化服務(wù)**:品牌建站可以根據(jù)目標(biāo)用戶的需求和行為習(xí)慣,提供個(gè)性化的內(nèi)容和服務(wù)。例如,用戶登錄網(wǎng)站后,可以根據(jù)其歷史瀏覽記錄和購(gòu)買(mǎi)行為,為其推薦相關(guān)的產(chǎn)品或信息,提高用戶的滿意度和忠誠(chéng)度。 - **建立信任關(guān)系**:一個(gè)專業(yè)、完善的品牌網(wǎng)站能夠向用戶展示品牌的實(shí)力、資質(zhì)和信譽(yù),讓用戶對(duì)品牌產(chǎn)生信任感。網(wǎng)站上可以展示品牌的歷史、成就、客戶案例、用戶評(píng)價(jià)等信息,增強(qiáng)用戶對(duì)品牌的認(rèn)可。比如,一些知名的電商平臺(tái)會(huì)在網(wǎng)站上展示大量的用戶好評(píng)和商品認(rèn)證信息,提高用戶的購(gòu)買(mǎi)信心。 3. **助力產(chǎn)品營(yíng)銷(xiāo)與銷(xiāo)售**: - **產(chǎn)品展示與推廣**:品牌網(wǎng)站可以詳細(xì)地展示產(chǎn)品的特點(diǎn)、優(yōu)勢(shì)、使用方法等信息,通過(guò)圖片、視頻、文字等多種形式進(jìn)行呈現(xiàn),讓用戶更全面地了解產(chǎn)品。同時(shí),網(wǎng)站可以結(jié)合搜索引擎優(yōu)化(SEO)、社交媒體推廣等手段,提高產(chǎn)品的曝光度和搜索排名,吸引更多的潛在客戶。 - **促進(jìn)銷(xiāo)售轉(zhuǎn)化**:品牌建站可以實(shí)現(xiàn)線上購(gòu)物、預(yù)訂、咨詢等功能,為用戶提供便捷的購(gòu)買(mǎi)渠道。而且,通過(guò)網(wǎng)站的數(shù)據(jù)分析功能,品牌可以了解用戶的購(gòu)買(mǎi)行為和需求,優(yōu)化銷(xiāo)售流程和營(yíng)銷(xiāo)策略,提高銷(xiāo)售轉(zhuǎn)化率。例如,一些在線教育品牌通過(guò)網(wǎng)站提供課程試聽(tīng)、學(xué)習(xí)資料下載等服務(wù),吸引用戶購(gòu)買(mǎi)課程。 4. **便于數(shù)據(jù)收集與分析**: - **用戶行為數(shù)據(jù)收集**:網(wǎng)站可以記錄用戶的訪問(wèn)時(shí)間、瀏覽頁(yè)面、點(diǎn)擊行為等數(shù)據(jù),品牌可以通過(guò)這些數(shù)據(jù)了解用戶的興趣愛(ài)好、需求偏好、購(gòu)買(mǎi)意向等信息,為產(chǎn)品研發(fā)、市場(chǎng)推廣、客戶服務(wù)等提供依據(jù)。 - **市場(chǎng)趨勢(shì)分析**:通過(guò)對(duì)網(wǎng)站數(shù)據(jù)的長(zhǎng)期積累和分析,品牌可以了解市場(chǎng)的動(dòng)態(tài)變化、競(jìng)爭(zhēng)對(duì)手的情況等,及時(shí)調(diào)整品牌策略和發(fā)展方向,保持市場(chǎng)競(jìng)爭(zhēng)力。例如,一些汽車(chē)品牌通過(guò)網(wǎng)站數(shù)據(jù)分析用戶對(duì)不同車(chē)型的關(guān)注程度和反饋意見(jiàn),優(yōu)化產(chǎn)品設(shè)計(jì)和營(yíng)銷(xiāo)策略。 5. **擁有自主控制權(quán)與靈活性**: - **品牌自主管理**:品牌擁有自己的網(wǎng)站,就擁有了對(duì)網(wǎng)站內(nèi)容、功能、設(shè)計(jì)等方面的自主控制權(quán),可以根據(jù)品牌的發(fā)展需求和市場(chǎng)變化隨時(shí)進(jìn)行調(diào)整和優(yōu)化,不受第三方平臺(tái)的限制。 - **功能拓展性強(qiáng)**:品牌建站可以根據(jù)品牌的業(yè)務(wù)需求和發(fā)展規(guī)劃,不斷添加新的功能模塊和服務(wù)內(nèi)容,如會(huì)員系統(tǒng)、論壇社區(qū)、在線客服等,滿足用戶的多樣化需求,提升品牌的服務(wù)水平和用戶體驗(yàn)。
? ? ? ? | 公司名稱:上海緣震網(wǎng)絡(luò)科技有限公司 開(kāi)戶銀行:中國(guó)工商銀行上海市彭浦支行 銀行賬號(hào):1001 2508 0930 0206 455 |
總部:上海市奉賢區(qū)金海公路6055號(hào)29號(hào)3樓 分部:上海市靜安區(qū)共和新路4718弄10號(hào)樓2樓 商務(wù)官網(wǎng):www.086cnc.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è)文化等諸多方面完善自己,公司目前已與千余家各類(lèi)客戶進(jìn)行長(zhǎng)期戰(zhàn)略合作,提供專業(yè)的網(wǎng)站建設(shè)與運(yùn)營(yíng)服務(wù)。我們的口號(hào):廣結(jié)良緣、震古爍今! |