要保持簡(jiǎn)單 。這個(gè)概念可以追溯到1960年，當(dāng)時(shí)美國海軍實(shí)施了KISS原則，認(rèn)為如果簡(jiǎn)單而不是復(fù)雜，大多數(shù)系統(tǒng)工作能做得最好 。幾乎任何設(shè)計(jì)項(xiàng)目也是如此 。大多數(shù)平面設(shè)計(jì)師在職業(yè)生涯初期就了解到KISS，創(chuàng)建一個(gè)簡(jiǎn)單的設(shè)計(jì)比你想象的要復(fù)雜一點(diǎn) 。這里有七個(gè)規(guī)則，可以幫助你把雜亂的東西都剪掉，創(chuàng)造一個(gè)漂亮的簡(jiǎn)單的賬戶 。按網(wǎng)站設(shè)計(jì)的規(guī)則是什么？
1.工作每頁設(shè)置一個(gè)目標(biāo)
一個(gè)簡(jiǎn)單設(shè)計(jì)的開始，從項(xiàng)目的目標(biāo)和網(wǎng)站每一頁的具體目標(biāo)開始 。每個(gè)頁面都應(yīng)該引導(dǎo)用戶使用一個(gè)動(dòng)作，不包括導(dǎo)航和頁腳 。這可以是任何東西，從點(diǎn)擊鏈接，輸入信息，觀看視頻或玩游戲 。但是每個(gè)頁面都應(yīng)該關(guān)注單個(gè)用戶的操作或轉(zhuǎn)換 。太多的事情會(huì)讓用戶不堪重負(fù) 。他們可能忽略了應(yīng)該完成哪些行動(dòng)，并可能做出不那么理想的選擇 。計(jì)劃設(shè)計(jì)，使每個(gè)頁面引導(dǎo)用戶達(dá)到一個(gè)目標(biāo) 。每一個(gè)可操作的按鈕上面的滾動(dòng)和下面的滾動(dòng)在同一頁面上應(yīng)該做同樣的事情 。這種一致性可以幫助用戶理解為什么他們?cè)谀愕恼军c(diǎn)上，以及他們應(yīng)該做什么;這些選擇的簡(jiǎn)單性使設(shè)計(jì)變得簡(jiǎn)單而引人入勝 。
2.堅(jiān)持兩個(gè)類型的家庭
有這么多的設(shè)計(jì)準(zhǔn)則，為一個(gè)項(xiàng)目推薦了三種字體 。你可以用兩個(gè)健壯的類型家庭來簡(jiǎn)化這個(gè)問題 。尋找一個(gè)類型的家庭，包括多重的重量，在常規(guī)的和大膽的或黑色的選擇之間有大量的對(duì)比 。為了更有才華，選擇一個(gè)顯示選項(xiàng)，其中包括一些你可以在超大標(biāo)題中使用的替代字符 。然后你所要做的就是混合和匹配從一個(gè)體字體和顯示字體，以獲得大量的字體組合，為整個(gè)設(shè)計(jì) 。使用兩種類型的家庭，就像你選擇了更多具有特定重量或風(fēng)格的特定用途的選擇一樣 。您將發(fā)現(xiàn)這可以幫助您創(chuàng)建一個(gè)可讀性高且易于使用的排版工具，這很容易管理并且具有視覺一致性 。
3.產(chǎn)品使用一致的對(duì)齊
左邊，中間，甚至右邊——不管你喜歡什么樣的對(duì)齊方式，在整個(gè)設(shè)計(jì)中都要堅(jiān)持 。這包括對(duì)齊類似的項(xiàng)目，例如文本框和元素，它們不是相似的，而是組合在一起的 。適應(yīng)性在這方面做得很好，在主頁滑塊上的文字 。盡管圖片上有不同數(shù)量的文字，但每個(gè)標(biāo)題都要按動(dòng)作按鈕 。元素之間的間距也是一致的 。更重要的是，這種一致的對(duì)齊方式會(huì)在滾動(dòng)頁面上顯示其他的標(biāo)題和CTA對(duì) 。對(duì)齊會(huì)匹配滑塊的流，滑塊也會(huì)以互補(bǔ)的方向移動(dòng) 。在文本元素中，左側(cè)和中心對(duì)齊是最常見的選項(xiàng)，因?yàn)樗鼈兪亲钜鬃x的 。對(duì)于較長的文本，左對(duì)齊是首選選項(xiàng) 。
4.產(chǎn)品建立層次結(jié)構(gòu)
用戶不應(yīng)該考慮要看什么，或者如何在設(shè)計(jì)中移動(dòng) 。即使是最簡(jiǎn)單的可視組合也應(yīng)該有不同的層次結(jié)構(gòu) 。它從一個(gè)顯性的視覺開始 。它可以是一個(gè)圖像或視頻或文本顯示或任何其他將產(chǎn)生第一印象的東西 。
然后應(yīng)該有一些文本，告訴用戶設(shè)計(jì)和網(wǎng)站試圖溝通的內(nèi)容 。這通常是一個(gè)簡(jiǎn)單標(biāo)題的形式，與主要的視覺作品一起工作 。第三是為用戶完成的第二部分文本或操作 。最后一個(gè)視覺元素是導(dǎo)航菜單 。用戶希望找到所有這些元素，并訓(xùn)練眼睛通過基本的順序來移動(dòng)這些元素 。通過這樣的方式設(shè)計(jì)使他們更容易 。
5.給元素足夠的空間
如果你現(xiàn)在還不知道，那就把它記在記憶里吧:白色的空間是你的朋友 。給設(shè)計(jì)中的每個(gè)元素足夠的空間 ?？臻g將有助于吸引對(duì)單個(gè)元素的注意，占用“空間”，這樣你就不會(huì)被誘惑去弄亂畫布，并幫助創(chuàng)建一個(gè)有焦點(diǎn)的整體設(shè)計(jì) 。使用空間的訣竅是一致性 。設(shè)置將圍繞單個(gè)元素或文本行之間的空間的空間量的規(guī)則 。如果設(shè)計(jì)最終看起來太貧瘠了，你可能需要把間隔拉回一點(diǎn) 。當(dāng)你打開設(shè)計(jì)時(shí)，你會(huì)知道間隔是正確的，并直接進(jìn)入你想讓用戶最先看到的地方 。
推薦閱讀
- 創(chuàng)業(yè)網(wǎng)站設(shè)計(jì)技巧有什么
- 低價(jià)便宜的網(wǎng)站建設(shè)有哪里弊端
- 什么在拖慢外貿(mào)網(wǎng)站的加載速度
- 改善網(wǎng)站搜索體驗(yàn)的方法有什么
- 菜鳥刷機(jī)，驚心動(dòng)魄
- 網(wǎng)站建設(shè)首頁設(shè)計(jì)的技巧有哪些
- 網(wǎng)站建設(shè)為什么行業(yè)價(jià)差會(huì)如此的明顯
- 元宵節(jié)的意義是什么？
- 什么樣的才算禿頭 什么算是禿頭
- 青少年禿頭是什么原因造成的怎么治療 青少年禿頭是什么原因造成的