這3個(gè)實(shí)用規(guī)則,能讓你的設(shè)計(jì)更加簡(jiǎn)單直觀

2022-11-29    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)- 建站教程 - 網(wǎng)頁(yè)設(shè)計(jì)- 這3個(gè)實(shí)用規(guī)則,能讓你的設(shè)計(jì)更加簡(jiǎn)單直觀

絕大多數(shù)的平面設(shè)計(jì)師在剛剛開(kāi)始接觸設(shè)計(jì)的時(shí)候,或多或少都接觸過(guò)KISS原則,但是在具體實(shí)施的時(shí)候,卻常常不知要如何實(shí)施。想要?jiǎng)?chuàng)造一個(gè)足夠簡(jiǎn)單的設(shè)計(jì),可能比你想象的要復(fù)雜一些。那么今天接下來(lái)要說(shuō)的7個(gè)規(guī)則,能夠幫你在雜亂的思路里面,理出一條通路。


1、一個(gè)頁(yè)面,一個(gè)目標(biāo)


  想要設(shè)計(jì)一個(gè)簡(jiǎn)單直觀的網(wǎng)站,那么你應(yīng)該為每個(gè)頁(yè)面設(shè)定一個(gè)目標(biāo)。每個(gè)頁(yè)面終是要引領(lǐng)用戶進(jìn)行某一個(gè)操作,從導(dǎo)航到頁(yè)腳都要圍繞這一個(gè)目標(biāo)來(lái)設(shè)計(jì)。

可以是點(diǎn)擊一個(gè)鏈接,也可以是在表單中輸入信息,還可以是查看視頻或者進(jìn)入一個(gè)游戲。但是不論是哪種,都應(yīng)該關(guān)注單個(gè)用戶在這個(gè)頁(yè)面中的轉(zhuǎn)化率。

分散用戶注意力的東西太多了,他們可能因?yàn)檫@些干擾而打斷了原本正準(zhǔn)備進(jìn)行的操作。所以,你要做一個(gè)目的性明確的設(shè)計(jì),集中精力來(lái)引導(dǎo)用戶。每個(gè)按鈕上下的設(shè)計(jì)元素,包括滾動(dòng)的效果本身,都盡量將用戶導(dǎo)向按鈕、鏈接等。這種目標(biāo)上的一致性能夠很好的幫助用戶了解他們需要在網(wǎng)站上做什么,簡(jiǎn)單的選擇往往能夠讓用戶更輕松參與進(jìn)來(lái)。


2、堅(jiān)持使用一兩個(gè)字體族


  有許多設(shè)計(jì)規(guī)范會(huì)推薦用戶在一個(gè)設(shè)計(jì)項(xiàng)目中使用三個(gè)甚至更多的字體。不過(guò),將使用的字體縮減到2個(gè)字體族當(dāng)中,會(huì)讓整個(gè)設(shè)計(jì)的凝聚力更強(qiáng)。

許多字體族當(dāng)中,不同的字重能夠創(chuàng)造足夠的視覺(jué)對(duì)比度。許多字體族當(dāng)中甚至包含了多種不同樣式的字體,其中有些可選的字體形式感十足,甚至非常適合用來(lái)做尺寸超大的標(biāo)題。

所以,你的主要工作是挑選適合正文用的字體以及用作展示的字體,選擇兩套能夠相互搭配的字體族,那么你整套設(shè)計(jì)可用的字體搭配應(yīng)該都可以搞定了。

接下來(lái)你會(huì)發(fā)現(xiàn),這樣的字體搭配能夠讓你的整個(gè)排版和視覺(jué)層次更易于管理控制。

3、使用一致的對(duì)齊方式


  左對(duì)齊,居中,還是靠右對(duì)齊,無(wú)論你是喜歡哪種,盡量在整個(gè)設(shè)計(jì)當(dāng)中貫徹這種方式。這種對(duì)齊方式的選取不僅僅是文本本身的對(duì)齊,還包含了各種其他元素的對(duì)齊方式。

Adaptable的網(wǎng)站在這個(gè)事情上就做的很好。盡管輪播圖中的圖片和文本的內(nèi)容各不相同,但是幾乎都采用了統(tǒng)一的左對(duì)齊,文本和行為召喚按鈕也是做對(duì)齊,元素與元素之間的間距也很統(tǒng)一,這種一致的美感讓人非常舒適。

左對(duì)齊和居中對(duì)齊是常見(jiàn)的兩種對(duì)齊的方式,因?yàn)檫@兩種是可讀性雄厚的排版方式。而在針對(duì)較長(zhǎng)的文本進(jìn)行排版的時(shí)候,左對(duì)齊是選選項(xiàng)。

網(wǎng)站欄目:這3個(gè)實(shí)用規(guī)則,能讓你的設(shè)計(jì)更加簡(jiǎn)單直觀
分享網(wǎng)址:http://www.muchs.cn/news24/217874.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、建站公司、移動(dòng)網(wǎng)站建設(shè)、定制開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、搜索引擎優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)