地址: 上海市靜安區共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
包容性設計是一個熱門的話題,它拒絕少數服從多數,也不是讓多數配合少數,而是保持對大眾的廣泛關注,創造出擁有足夠包容性的好設計。從這個層面上來說,設計的可訪問性必須做到足夠好,盡量讓大家都能輕松方便地享受設計的成果,良好的對比度,普適的交互模式,以及我們提的最多的正確的字體選取。
值得一提的是,不僅僅是公共機構的網站需要注意選取可訪問性優異的字體,品牌和企業的網站中字體的選取同樣需要精心挑選。但是,你如何確定哪些字體合適?這是否意味著要在設計上做妥協?
并不一定。今天我們來聊聊英文字體的選取的技巧,下面的12條技巧,應當能給你足夠的幫助,幫你選取擁有足夠包容性和可訪問性的英文字體。(注意,這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體,尋找展示性、個性化、強形式感的功能性字體是另一個問題。)
1、盡量不要選擇那些看起來就非常童趣的字體,完全沒有這個必要。這是相當常見的錯誤,原因也很明顯:挑選一款高包容性、可訪問性好的字體的時候,它的平衡性和實用性同個性化同樣重要。
2、有些字體設計風格會讓特定的幾個字母之間的識別度降低。最常見的就是數字 “8″ 和大寫字母 “B”,大寫的 “I (i)” 和小寫字母 “l (L)” 之間的識別度問題。選擇帶有襯線的字體能夠讓小寫字母“i”和大寫字母 “I” 更好地被分辨出來,即便是在較小的屏幕上。如果字體中的小寫字母 “a” 是雙層結構則能很好的同小寫字母 “o” 區分開。
3、如果你需要在標題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時候,那么使用筆畫較為舒展、內外空間都比較大的非襯線體是相當不錯的。
pt 也就是 Point ,而我們常說的 px 指的是像素 Pixel,兩者有著明顯的差異。pt 源自平面印刷領域,指的是1/72 英寸,是一個固定的長度,而px 指的是像素點,在iPhone 3GS 上 5px 的物理長度和 iPhone 6s 上 5px 的物理長度是不一樣的,前者由于像素密度低從而導致5px 的物理長度更長。所以,px 是一個“相對長度”單位,而 pt 是一個“絕對長度”單位。
4、在選取網頁字體的時候,盡量選取 X高度較大的字體。X高度覆蓋的區域是閱讀的主體,而上伸部和下降部則為每個字母提供了足夠的識別度。上升部應該比大寫字母稍微高一點。
X高度通常指的是小寫字母的平均高度,之所以為稱為x高度是應為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱為 Ascender,也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱為 Descender,即是下降部。
5、盡量挑選內部空間均衡、外部輪廓銳利、末端清晰的字體,當字體較小的時候,字母之間距離縮小靠近,空間會被模糊、填充,會影響識別度和可讀性。
西文字體設計存在“External Counter”和“Internal Counter”的概念,通常稱之為外部空間和內部空間。小寫字母 “a” 和 “e” 的字母內部兩個空白區域即為內部空間,如果某部分內部空間比較小,當字體尺寸較小的時候,會降低識別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細節銳利度和那些勾勒細節的外部空間,也就是豎線和弧線之間所夾的空間。如果外部空間較小,在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。
6、數字的設計也應該有特色,尤其是數字 “0″ 應當同大寫字母 “O” 有顯著的差別,而數字 “6″ 和 “9″ 的末端開口應當足夠舒展開闊。
7、字母的X高度和筆畫寬度之間有一個最佳比例,為了達到最佳可讀性,通常筆畫寬度應該控制在X高度的17%~20%。
8、挑選小寫字母 “t” 上面的一橫相對長一些的字體,這樣字母的識別度會更高。
9、大寫字母 “Q” 底部的尾巴能增強字母的識別度,字體選取的時候應當注意這個細節。
10、字母之間的間距應當均勻而富有韻律感,這樣能提升字母的可讀性和識別度。間距太大太小都會讓人感覺不適。
11、在黑色的背景下,將字體色彩設定為白色,輸入一段文字,查看它們的顯示效果。如果字母之間間距看起來比較小,字母的形狀看起來像在“發光”,從而令字母仿佛比單獨看更粗的話,那么你應當選取筆畫更細的字體。
12、你應當挑選字重范圍更廣的字體族,這樣當你在設定不同平臺、不同屏幕尺寸、不同設備下的顯示效果的時候,可以更加輕松自由地找到對的效果。
一、網站文字方面的體驗,文字是我們的一種文化,源遠流長,但是對于當今網絡環境來說,很少有人會坐在電腦前去瞅這些文字具體描述的是什么,尤其是那種大篇幅的文字,密集的堆在一起,所以往往用戶都會有一種字太多,不想看的想法,并且對于商城來說這一點尤為重要。所以建網站網站要避免這種過多的文字展示,相反可以采用圖片加少量文字描述的方式來對頁面的內容進行表達,通常的形式是一張大圖配上一個商品的標題,再加上價格標簽即可,在排版方面越簡潔越好,同時控制圖片的大小,注意留白,大概一行五個或者四個產品即可。確保訪客在不影響瀏覽的情況下,羅列出足夠的商品。因為如果圖片排列密集一樣會造成瀏覽障礙,影響體驗。
二、產品圖片應盡量做到美觀,必要時可以通過圖片處理軟件修圖,但不能處理的太多虛假,比如給產品加特效什么的是影響體驗的行為,畢竟對于用戶來說,真正想關注的是商品具體長什么樣,是否是實物拍攝等等,在處理圖片時在要不變形、不遮蓋的基礎上,使圖片更清晰的呈現在訪客面前。如果看不清楚,圖片模糊,是很難讓人有購買的欲望的。
三、企業產品的宣傳介紹,對于建的商城網站來說,每個產品點進去之后都要有產品的的詳細介紹,一般建網站公司會將產品的尺寸、配置、顏色、類型等做上去,同時夸一夸產品的優勢,畢竟自賣自夸是必須的,在這方面太過低調是沒有意義的,但同時注意分寸,夸可以,但不能太過夸大,一些產品的優勢被吹的天花亂墜只會讓人覺得太假,失去對產品建立起來的信任,從而失去這個成交的機會。同時在產品的詳細介紹頁面可以加入產品的評論功能,因為通常情況下光靠自己夸自己效果是不大的,只能讓人半信半疑,但是別的夸就不一樣了,通過評論將部分用戶的好評展現出來,這是直接增加用戶信任的一種方式。
? ? ? ? | 公司名稱:上海緣震網絡科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區金海公路6055號29號3樓 分部:上海市靜安區共和新路4718弄10號樓2樓 商務官網:www.2n5c.cn 彥蓁科技:www.shyanzhen.cn | 緣震網絡成立于 2014 年,公司主要經營全案策劃,高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發、微信小程序開發、商城定制、SEO優化、電商托管、空間托管、網站維護、應用軟件開發、手機端APP開發、等為客戶提供一條龍網絡運營解決方案的的技術型企業。我們在人力資源、業務范圍、設計、技術、服務、信譽度、規范管理及企業文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰略合作,提供專業的網站建設與運營服務。我們的口號:廣結良緣、震古爍今! |