這4個實用網(wǎng)頁規(guī)則,讓設(shè)計更加簡單直觀

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

網(wǎng)站建設(shè)- 建站教程 - 網(wǎng)頁設(shè)計- 這4個實用網(wǎng)頁規(guī)則,讓設(shè)計更加簡單直觀
還記得KISS原則么?KISS是Keep it Simple and Stupid的縮寫,指的是要將產(chǎn)品做的連白癡都會用,因此也常常被稱為懶人原則。這一設(shè)計原則初在1960年被提出并應(yīng)用于美國海軍的相關(guān)設(shè)計。在此后的50多年當(dāng)中,設(shè)計在技術(shù)和思路上經(jīng)歷了翻天覆地的變化,但是KISS原則依然非常重要,并且影響巨大。
絕大多數(shù)的平面設(shè)計師在剛剛開始接觸設(shè)計的時候,或多或少都接觸過KISS原則,但是在具體實施的時候,卻常常不知要如何實施。想要創(chuàng)造一個足夠簡單的設(shè)計,可能比你想象的要復(fù)雜一些。那么今天接下來要說的7個規(guī)則,能夠幫你在雜亂的思路里面,理出一條通路。
1、一個頁面,一個目標

想要設(shè)計一個簡單直觀的網(wǎng)站,那么你應(yīng)該為每個頁面設(shè)定一個目標。每個頁面終是要引領(lǐng)用戶進行某一個操作,從導(dǎo)航到頁腳都要圍繞這一個目標來設(shè)計。
可以是點擊一個鏈接,也可以是在表單中輸入信息,還可以是查看視頻或者進入一個游戲。但是不論是哪種,都應(yīng)該關(guān)注單個用戶在這個頁面中的轉(zhuǎn)化率。
分散用戶注意力的東西太多了,他們可能因為這些干擾而打斷了原本正準備進行的操作。所以,你要做一個目的性明確的設(shè)計,集中精力來引導(dǎo)用戶。每個按鈕上下的設(shè)計元素,包括滾動的效果本身,都盡量將用戶導(dǎo)向按鈕、鏈接等。這種目標上的一致性能夠很好的幫助用戶了解他們需要在網(wǎng)站上做什么,簡單的選擇往往能夠讓用戶更輕松參與進來。
2、堅持使用一兩個字體族

成都網(wǎng)站建設(shè)

有許多設(shè)計規(guī)范會推薦用戶在一個設(shè)計項目中使用三個甚至更多的字體。不過,將使用的字體縮減到2個字體族當(dāng)中,會讓整個設(shè)計的凝聚力更強。
許多字體族當(dāng)中,不同的字重能夠創(chuàng)造足夠的視覺對比度。許多字體族當(dāng)中甚至包含了多種不同樣式的字體,其中有些可選的字體形式感十足,甚至非常適合用來做尺寸超大的標題。
所以,你的主要工作是挑選適合正文用的字體以及用作展示的字體,選擇兩套能夠相互搭配的字體族,那么你整套設(shè)計可用的字體搭配應(yīng)該都可以搞定了。
接下來你會發(fā)現(xiàn),這樣的字體搭配能夠讓你的整個排版和視覺層次更易于管理控制。
3、使用一致的對齊方式

成都網(wǎng)站建設(shè)

左對齊,居中,還是靠右對齊,無論你是喜歡哪種,盡量在整個設(shè)計當(dāng)中貫徹這種方式。這種對齊方式的選取不僅僅是文本本身的對齊,還包含了各種其他元素的對齊方式。
Adaptable的網(wǎng)站在這個事情上就做的很好。盡管輪播圖中的圖片和文本的內(nèi)容各不相同,但是幾乎都采用了統(tǒng)一的左對齊,文本和行為召喚按鈕也是做對齊,元素與元素之間的間距也很統(tǒng)一,這種一致的美感讓人非常舒適。
左對齊和居中對齊是常見的兩種對齊的方式,因為這兩種是可讀性雄厚的排版方式。而在針對較長的文本進行排版的時候,左對齊是選選項。
4、建立層次

成都網(wǎng)站建設(shè)

用戶不應(yīng)該在查看你的網(wǎng)頁的過程中費腦子思考。所以,即使是簡單的視覺排版,都應(yīng)該具備足夠清晰的層次。
你的設(shè)計應(yīng)該從主視覺開始。它可以是一個圖像,也可以是一個視頻,同樣可以是一段文本,但不論是哪種,它都應(yīng)該是給予用戶印象的元素。
接下來,通常需要有一些文字內(nèi)容,告知用戶這個設(shè)計或者這個網(wǎng)站是干啥的,通常,它會以標題的形式和主視覺搭配起來,一同傳遞信息給用戶。
隨后可以增加一些說明性的副標題。此外,還應(yīng)該提供導(dǎo)航等元素,因為基于用戶的瀏覽習(xí)慣,他們會期望看到這些內(nèi)容,并且已經(jīng)具備了與之相關(guān)的瀏覽習(xí)慣。所以,通過這樣層次化的設(shè)計,可以讓用戶更便捷地獲取信息。

當(dāng)前標題:這4個實用網(wǎng)頁規(guī)則,讓設(shè)計更加簡單直觀
文章URL:http://www.muchs.cn/news7/214807.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、微信公眾號關(guān)鍵詞優(yōu)化、網(wǎng)頁設(shè)計公司、標簽優(yōu)化網(wǎng)站營銷

廣告

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

網(wǎng)站優(yōu)化排名