地址: 上海市靜安區(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è)計風(fēng)格會讓特定的幾個字母之間的識別度降低。最常見的就是數(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 的物理長度是不一樣的,前者由于像素密度低從而導(dǎo)致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è)備下的顯示效果的時候,可以更加輕松自由地找到對的效果。
一份優(yōu)秀的網(wǎng)站建設(shè)方案怎么做出來呢?網(wǎng)站建設(shè)網(wǎng)絡(luò)公司會從哪些方面著手。整個建站方案我們往期分享了很多,而且很細致,建議大家去網(wǎng)站資訊中查看。
網(wǎng)站建設(shè)方案今天主要說說網(wǎng)站架構(gòu)如何梳理?
一般網(wǎng)站架構(gòu),無論企業(yè)要做那種類型的網(wǎng)站,尤其是企業(yè)網(wǎng)站,展示型的,品牌型的,這類網(wǎng)站都會包含以下幾種欄目框架,網(wǎng)站架構(gòu)規(guī)劃必用到的,建議收藏。
1、關(guān)于我們:用于介紹企業(yè)的歷史、文化、背景等信息展示,可增加欄目內(nèi)容板塊;如:公司簡介、組織結(jié)構(gòu)、企業(yè)文化、發(fā)展歷程、資質(zhì)榮譽、創(chuàng)新能力、生產(chǎn)設(shè)施、品質(zhì)保障、服務(wù)保障等。
2、資訊中心:用于發(fā)布公司動態(tài)、行業(yè)資訊、媒體報道、常見問答等信息。
3、產(chǎn)品中心:用于發(fā)布公司產(chǎn)品A+、公司產(chǎn)品B+、公司產(chǎn)品C+、公司產(chǎn)品D+等產(chǎn)品展示,圖文并茂。
4、案例中心:用于發(fā)布A+成功案例、B+成功案例、C+成功案例、D+成功案例等案例信息。
5、解決方案:用于介紹A+行業(yè)、B+行業(yè)、C+行業(yè)、D+行業(yè)等方案信息展示。
6、招賢納士:用于發(fā)布人才招聘信息展示。
7、法律聲明:用于介紹公司法律、法務(wù)等信息展示。
8、在線留言:主要用于收集客戶的在線疑問、投訴建議等信息。
9、合作伙伴:展示企業(yè)的各大合作伙伴等信息,可用合作伙伴的LOGO圖標展示。
10、聯(lián)系我們:充分展示企業(yè)的聯(lián)系方式、線路地圖等信息。
11、在線客服:通過網(wǎng)站在線客服咨詢軟件,充分實現(xiàn)網(wǎng)站訪客與客服之間的即時通信(IM),并把網(wǎng)站的在線銷售、實時客服和網(wǎng)站管理功能融合在一起,更好的服務(wù)客戶。
12、網(wǎng)站地圖:為用戶提供最便捷的導(dǎo)航服務(wù),一鍵到達用戶想要的服務(wù)。
這是一款通用版本的網(wǎng)站建設(shè)方案指網(wǎng)站架構(gòu)規(guī)劃,網(wǎng)站建設(shè)方案必須要梳理好的部分之一,當然,網(wǎng)站建設(shè)架構(gòu)要想展示企業(yè)優(yōu)勢部分,要去同存異,這個道理相信大家都知道,這里不多講了。網(wǎng)站建設(shè)方案往期分享給了很多不錯的建議和方案,記得翻看新聞中心閱覽。我們每一年會做超多的網(wǎng)站建設(shè)方案,都非常有效果,值得關(guān)注!
? ? ? ? | 公司名稱:上海緣震網(wǎng)絡(luò)科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區(qū)金海公路6055號29號3樓 分部:上海市靜安區(qū)共和新路4718弄10號樓2樓 商務(wù)官網(wǎng):133288.cn 新官網(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é)良緣、震古爍今! |