線上服務(wù)咨詢
Article/文章
記錄成長點滴 分享您我感悟
您當(dāng)前位置>首頁 > 知識 > 網(wǎng)站建設(shè)
10個良好用戶體驗指南
發(fā)表時間:2019-07-09 13:14:02
文章來源:沈陽網(wǎng)站建設(shè)
標簽:網(wǎng)站建設(shè) 沈陽網(wǎng)站建設(shè) 沈陽網(wǎng)絡(luò)公司 沈陽網(wǎng)站設(shè)計 沈陽網(wǎng)站制作
瀏覽次數(shù):0
在網(wǎng)頁設(shè)計和APP軟件中,一個好的排版不僅需要漂亮的字體。更高可讀性——易于導(dǎo)航——同時允許用戶專注于其內(nèi)容。
這是一項相當(dāng)艱巨的任務(wù),但大多數(shù)設(shè)計師都可以通過練習(xí)來實現(xiàn)這一目標。
今天我們將看一下良好的用戶體驗需要遵循的10“指南”,您還可以學(xué)習(xí)如何幫助您設(shè)計出色的設(shè)計。 (每個規(guī)則都有一個網(wǎng)站的例子)
可讀性
必須使用sans serif的想法已經(jīng)過時,但是為什么你必須使用sans serif的想法是一個過時的深層原因:文本必須易于閱讀。
您需要避免難以閱讀的字體,但這些難以閱讀的字體存在于腳本中,例如新奇字體或哥特字體。 (那些需要特殊裝飾的藝術(shù)字體除外。)
大多數(shù)可讀字體都可以輕松讀取,并且用戶不需要花太多時間來關(guān)注字體本身。這是可讀性指南的原則。
給行間距留足夠的空間
關(guān)鍵是要設(shè)計一個用戶喜歡的行間距。適當(dāng)?shù)男虚g距有利于閱讀,這在移動方面尤為重要。
導(dǎo)致行間更改的因素如下:
文本大小文本數(shù)量字體樣式屏幕寬度
沒有明確的規(guī)則告訴你該怎么做 - 但是你可以遵循一些規(guī)則:
對于大多數(shù)網(wǎng)站,將行間距設(shè)置為大約125%的文本大小。對于移動設(shè)備,請將行間距的文本大小設(shè)置為大約150%。使用寬松的段落間距——等于“回歸”——使段落易于閱讀用眼睛測試,看看文本是否松動或緊張在屏幕上。 (感覺可以)使用大而圓的字母
大而圓的單詞更容易閱讀。所以字母有一個大弧 - 這個弧就像字體中的圓形“o”。
壓縮和壓縮字體難以閱讀。松散的樣式(例如上面的示例)易于閱讀,因為每個字母都很容易區(qū)分。
給字體設(shè)置大小
毫無疑問,使用大文本會讓用戶感到舒適。大文本或小文字取決于您需要在頁面上放置多少文字;要特別注意大部分文字。
不同的設(shè)計師對使用多少文本有不同的想法,大多數(shù)人認為每行使用45-60個單詞是理想的。這縮小了手機的布局,大多數(shù)用戶都可以接受。
尋找字母高度
字母——的高度,特別是小寫字母——,使用戶可以輕松瀏覽您的內(nèi)容。
小寫字母“x”仍然是小寫的“x”,無論它有多高。使用更高的“x”小寫字體更容易閱讀,這意味著小寫字母更接近大寫字母。找到字符集,其中x的高度是大寫字母高度的三分之二。
學(xué)會表現(xiàn)文本的字間距
良好的文字間距意味著良好的排版。
你沒有時間,你不需要它,回到這里的單詞間距。但是在顯示字體時。您希望將每個字母組合在一起,就像它們一樣。此詳細信息將幫助您說明如何防止用戶忘記重要部分。
考慮比例
比例可以幫助您為項目創(chuàng)建樣式。雖然這聽起來像是一個數(shù)學(xué)問題,但它可以使您的工作更輕松。
回到行間距;那是比例。考慮文本的大小,文本主干,副標題,標題和副本的大區(qū)域。將它們連接在一起在視覺上是和諧的,你知道什么樣的比例更好。起初可能有點復(fù)雜,但TutsPlus有一個很酷的教程可以幫助您理解它。
統(tǒng)一風(fēng)格
說到字母的形式,粗體是非常重要的。很難閱讀,因為超精細字母缺乏對比度。同樣,罰款和粗體之間存在強烈對比,同樣存在問題。
解決方案:堅持使用相對統(tǒng)一的字體形式。這種風(fēng)格易于使用,無論您使用哪種背景都是可讀的。
限制字體的使用
兩種字體。再說一遍:兩種字體。
所有設(shè)計都應(yīng)遵循本指南。太多字體會讓您的用戶發(fā)瘋。眼睛可能非常痛苦且可讀性差。它也讓用戶非常痛苦。
學(xué)習(xí)使用兩種字體——如果你需要——來保持這種習(xí)慣,你可以擁有一種藝術(shù)字體。標出應(yīng)該如何使用每種字體。包括顏色,大小和相應(yīng)的位置。對于每個設(shè)備,不同的頁面也應(yīng)該是一致的。
對比度
在一些流行的設(shè)計中,背景和字體之間只有很小的差異。它看起來很酷,但它不那么友好,而且可讀性差。
內(nèi)容是使您的網(wǎng)站特別重要的關(guān)鍵。使背景和字體更加不同,它允許用戶輕松閱讀。 (這就是為什么黑色或深色背景非常適合白色或淺色背景。)
網(wǎng)站文本越多,這些指南就越重要。當(dāng)您睜著眼睛看文本時,對比度可能會減弱(或者字母太?。?Color Safe是一款功能強大的色彩工具,可幫助您組合接近對比度的色彩。 (它會使你的網(wǎng)站看起來更酷?。?/p>
排版設(shè)計可以幫助您設(shè)計出非常好的設(shè)計體驗。
網(wǎng)站建設(shè),沈陽網(wǎng)站建設(shè),沈陽網(wǎng)絡(luò)公司,沈陽網(wǎng)站設(shè)計,沈陽網(wǎng)站制作