野花香电视剧完整版高清,《妻子3》免费完整版高清韩剧,韩国电影在线观看电影完整版高清免费观看,十八岁完整版高清免费观看,仙逆在线观看全集完整版高清,三年大片免费观看完整版高清

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 縱天觀點
這10個思路,能幫你設(shè)計出簡單易用的網(wǎng)頁

2021-07-30

3110

坦率的講,在網(wǎng)頁設(shè)計這件事情上,簡單的設(shè)計往往更好。一個簡單易用的界面更容易為用戶所掌握,也更容易將一個新用戶轉(zhuǎn)化為一個活躍用戶。


面對龐雜的需求,許多設(shè)計師總會身不由己地向著復(fù)雜的方向來設(shè)計網(wǎng)頁,那么到底要如何將一個已經(jīng)比較復(fù)雜的網(wǎng)站簡化下來呢?其實思路并不復(fù)雜,訣竅在于根據(jù)用戶目標(biāo),重新審視整個路徑,將妨礙用戶達成目標(biāo)的障礙都清除掉。


而今天我們要聊的10個簡化技巧都是圍繞著這個思路來推進的。無論你是正在設(shè)計一個全新的網(wǎng)站,還是針對現(xiàn)有的網(wǎng)站進行簡化,這10個簡化技巧都非常值得嘗試。

1、專注于做行為召喚設(shè)計


網(wǎng)站上的每一處設(shè)計都應(yīng)該是有目的的,都相應(yīng)地迎合用戶的某個行為或者需求,這是顯而易見的。


這也為行為召喚的設(shè)計提供了依據(jù)。引導(dǎo)用戶的文案、按鈕和鏈接都應(yīng)該清晰、明顯,永遠不要讓用戶錯過。


2、簡化分頁



你所設(shè)計的頁面是否需要分很多不同的頁面?這些頁面有沒有分割的必要呢?你可以重新思考這個問題了。


將多頁面的內(nèi)容簡化為可管理的區(qū)塊,不要讓用戶為了查看內(nèi)容而多點擊,將相關(guān)的內(nèi)容保存到一起,方便用戶集中閱讀和查看。


刪除過期的、過時的內(nèi)容和信息、小插件和第三方的信息都合并到相應(yīng)的區(qū)塊當(dāng)中,不要零散的放置。


3、統(tǒng)一配色方案


雖然很多色彩確實很有吸引力,但是它們也很容易喧賓奪主。堅持將配色方案控制在兩到三個色彩,這樣能讓你盡可能好的控制整個設(shè)計的配色。


如果你想讓你的配色盡可能簡單,那么你可以采用單色配色,你會發(fā)現(xiàn)這種簡單的色調(diào)搭配是如此的漂亮,較少的色彩對于用戶的心理負荷更小,尤其是當(dāng)你的整個視覺設(shè)計足夠和諧的時候。


4、采用標(biāo)準(zhǔn)的導(dǎo)航設(shè)計



雖然隱藏式的導(dǎo)航看起來很酷,而非常規(guī)的創(chuàng)意導(dǎo)航也非常的贊,但是這些導(dǎo)航模式對于用戶并不是那么友好。偏離常規(guī)的設(shè)計雖然容易讓人記住,但是在使用體驗上,常常相對更加困難。選擇標(biāo)準(zhǔn)模式的導(dǎo)航,能夠讓你的網(wǎng)站更加易用。


最常規(guī)的導(dǎo)航模式,是將導(dǎo)航欄置于頁面頂端,通常是3到8個不同的選項,當(dāng)然,不要選擇10年前流行的復(fù)雜、全面的大型導(dǎo)航菜單,除非你是京東淘寶這樣的大型零售電商。

5、采用80/20原則


請記住,你的網(wǎng)站中20%的內(nèi)容將會觸發(fā)用戶80%的操作,這意味著你的內(nèi)容應(yīng)當(dāng)有輕重緩急之分,行為召喚用語和行為召喚按鈕等界面元素將是引導(dǎo)用戶交互的重要組成部分。


考慮到這一點,在你進行設(shè)計的時候,應(yīng)該將設(shè)計的重心放在這20%的內(nèi)容上,而剩下的80%的內(nèi)容則根據(jù)需求進行調(diào)整。這20%的元素通常都是最吸引用戶點擊的那部分內(nèi)容:按鈕、圖片和行為召喚文本。


如果你覺得20/80原則聽起來很熟悉,那么你可能是在別的地方曾經(jīng)聽到過它,它是經(jīng)濟學(xué)家 Vilfredo Pareto 所提出,幾乎在所有領(lǐng)域都適用,它也被稱為Pareto原則,或者重要少數(shù)法則。


6、有目的地使用UI元素


圖標(biāo)、圖片等每一個UI元素在整個設(shè)計中都有其作用,有些元素的使用是有約定俗成的規(guī)則,不要因為某些元素看起來酷,或者單純“為了有”而加上,最好通盤考慮,在合適的地方,合理地使用UI元素。


7、仔細挑選字體


字體和排版同樣遵循少即是多的原則。


最容易閱讀的字體,通常都有著標(biāo)準(zhǔn)的外觀造型,均勻的筆觸,樸實無華而無需多余的裝飾。一套完整的字體通常有著多樣的字重和可選的樣式,不需要你再去尋找其他的字體來搭配。而在排版的問題上,文本需要同背景有著充分的對比,


在設(shè)計網(wǎng)頁的時候,通常會用到兩套字體,一套應(yīng)用到正文上,另外一套字體則用到標(biāo)題上,用作展示。


8、增大文本尺寸


在進行排版設(shè)計的時候,你需要在合適的時候增加文本尺寸。隨著我們?nèi)粘?吹降钠聊怀叽绲脑黾樱覀冃枰層脩艨吹轿覀兯峁┑男畔?,并不是堆砌更多的?nèi)容,而是要合理的增加文本的尺寸。


雖然在移動端設(shè)計上這種需求并不明顯,但是根據(jù)實際情況,適當(dāng)?shù)奶嵘煮w尺寸能讓文本的易讀性有明顯的提升。當(dāng)然,置于首屏的關(guān)鍵詞要明顯,吸引用戶滾動,而不是將所有的內(nèi)容都堆在首屏。


9、創(chuàng)建易讀的文案



排版能夠從視覺上控制內(nèi)容的復(fù)雜度,而文字則能夠控制在信息傳達上的復(fù)雜度。兩者其實是同等重要。每個詞匯都應(yīng)該和視覺保持意義和信息上的一致性。


文案和視覺一樣,都需要反復(fù)推敲。


網(wǎng)站是可傳達、可閱讀的媒介,因此文案和內(nèi)容都應(yīng)當(dāng)干凈、簡介,且高度可讀。你可以根據(jù)網(wǎng)站的風(fēng)格,使用符合相應(yīng)調(diào)性的文案。


10、打破一項規(guī)則


有的時候規(guī)則是用來打破的,但是如果你想讓你的設(shè)計保持簡單,那么你在設(shè)計的時候,應(yīng)該有意識的打破一條規(guī)則,但是只能是一條。


如果你需要讓你的設(shè)計在簡單的同時,又不是始終循規(guī)蹈矩,那么打破一條規(guī)則是讓你不走尋常路的最快的方法。它會讓你的設(shè)計看起來不那么尋常,但是又能有跡可循,打破太多的規(guī)則會很容易讓訪客覺得混亂。


結(jié)語

復(fù)雜的網(wǎng)站太多,想要讓你通過網(wǎng)站同用戶進行順暢的溝通,設(shè)計是否夠簡單是相當(dāng)重要的影響因素。無論是填寫表單還是下載APP,每個設(shè)計元素都應(yīng)當(dāng)恰到好處,而不會因為負責(zé)而讓用戶覺得厭煩。


雖然有時候用戶喜歡看起來“飽滿”的復(fù)雜的設(shè)計,可是涉及到具體的交互與功能的時候,簡單的設(shè)計每次都能讓用戶愛不釋手。

免費咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護中,請放心填寫
關(guān)閉
免費獲取方案
阜阳市| 贵德县| 海伦市| 襄城县| 拉萨市| 广东省| 晋江市| 麦盖提县| 隆化县| 佛教| 兴宁市| 聊城市| 长岭县| 冀州市| 福海县| 叶城县| 嘉鱼县| 松桃| 东港市| 青州市| 广东省| 武陟县| 个旧市| 宝兴县| 渑池县| 泰顺县| 襄垣县| 繁昌县| 扶绥县| 溧阳市| 志丹县| 耒阳市| 晋中市| 那坡县| 黑龙江省| 大庆市| 灵川县| 余干县| 博兴县| 枣庄市| 任丘市|