網(wǎng)頁設(shè)計(jì)的三個關(guān)鍵原則
  • 更新時間:2024-11-01 15:17:56
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 422

網(wǎng)站設(shè)計(jì)趨勢和概念隨著時間的推移發(fā)生巨大變化。特別是技術(shù)進(jìn)步改變了一些規(guī)則。企業(yè)網(wǎng)站設(shè)計(jì)是一個不斷發(fā)展的過程,今天做得好明天可能會改變??紤]到這一點(diǎn),專業(yè)的企業(yè)網(wǎng)站設(shè)計(jì)公司為您帶來了三個主要的設(shè)計(jì)原則。

網(wǎng)站設(shè)計(jì)的三個主要原則

1.使用無襯線字體設(shè)計(jì)公司的網(wǎng)頁

每個網(wǎng)頁設(shè)計(jì)師之前都說過,你需要在線使用無襯線字體。不行了,打破常規(guī)!新規(guī)范很好地結(jié)合了可讀字體。這些包括襯線體、無襯線體、新穎性和手寫體風(fēng)格。選擇正確字體(或調(diào)色板)的關(guān)鍵是選擇易于閱讀的字體。也有研究支持這一觀點(diǎn)。

舊的在線可用性指南很簡單: 堅(jiān)持使用無襯線字體。由于計(jì)算機(jī)屏幕太差而無法正確呈現(xiàn)襯線,因此嘗試以字體大小鍵入襯線會導(dǎo)致字母形狀模糊。不幸的是,新指南不如舊指南清晰。關(guān)于襯線字體是否真的比無襯線字體更好,目前還沒有定論。而且襯線體和無襯線體的閱讀速度差異非常小。因此,沒有強(qiáng)有力的可用性指南來支持使用其中一種,因此您的選擇可能基于其他考慮因素,例如您的品牌傳達(dá)的情緒或特定的排版風(fēng)格。

所以繼續(xù)打破舊的無襯線規(guī)則。在考慮選擇哪種字體以及是否可讀時,需要注意以下幾點(diǎn)。

選擇中等或常規(guī)重量以獲得一致的行駛寬度。超輕或超薄可能難以閱讀。

堅(jiān)持平均x 高度。使其超薄和超高會導(dǎo)致可讀性問題。

在不過度使用連字或字體的情況下找到一致且適當(dāng)?shù)淖帜搁g距。

對只有意圖明確的短文本段落使用漂亮的字體。

為較大的副本選擇襯線或無襯線字體。選擇字母格式清晰,讓人一目了然的字母。

2.遠(yuǎn)離醒目的背景

曾經(jīng)有一段時間,網(wǎng)站背景唯一可接受的顏色是白色和中性色。它現(xiàn)在應(yīng)該被打破了。大膽而明亮的背景顏色可以使背景元素看起來很棒。顏色可以給用戶留下強(qiáng)烈的第一印象,為設(shè)計(jì)定下基調(diào),并且是一種打破陳舊設(shè)計(jì)模式的有趣方式。

這個脆弱規(guī)則的第二部分是限制調(diào)色板中的顏色數(shù)量。擁有獨(dú)特的品牌調(diào)色板是個好主意,但您可以為每個設(shè)計(jì)項(xiàng)目帶來更多樂趣。 Material Design 背后的調(diào)色板與更大膽的顏色選擇相結(jié)合,營造出優(yōu)雅而俗氣的風(fēng)格??梢越邮芨囝伾?。越來越多的網(wǎng)站和大品牌正在使用顏色來幫助創(chuàng)造有趣和引人入勝的體驗(yàn)。用戶似乎很喜歡它。

當(dāng)你真的需要一個簡單的調(diào)色板來實(shí)現(xiàn)標(biāo)準(zhǔn)一致性時,為特定項(xiàng)目添加一些額外的(更亮的)顏色。您不必重新設(shè)計(jì)所有品牌材料以具有明亮的紫色或綠色背景,但有許多方法可以將更流行的顏色融入您的項(xiàng)目中。

考慮彩色照片覆蓋率。

選擇明亮的標(biāo)題顏色。

切換到中性背景以獲得更具紀(jì)念意義的東西。

對于按鈕或調(diào)用詞,使用鮮艷的顏色。它們不必都是紅色或藍(lán)色。 )

使用阻擋顏色的懸停狀態(tài)來鼓勵互動。

3.建立對稱的平衡

在他們設(shè)計(jì)生涯的早期,太多的高級設(shè)計(jì)師宣揚(yáng)完美對稱設(shè)計(jì)創(chuàng)造和諧與平衡的力量。回想起來,這些概念中有很多都很無聊,而且太安全了。不對稱設(shè)計(jì)可以幫助您創(chuàng)造更多的視覺趣味和平衡感,而不必在兩者之間進(jìn)行拆分。雖然存在對稱性,但在重量、空間和相互抵消的元素之間建立平衡可能會更有趣。

要在您的設(shè)計(jì)項(xiàng)目中充分利用不對稱性,請考慮以下事項(xiàng)以創(chuàng)造和諧和視覺流動:

和元素空間相互平衡。與空白搭配時,元素感覺更加平衡。

正如預(yù)期的那樣,專注于運(yùn)動和設(shè)計(jì)??紤]人們?nèi)绾伍喿x,并開始從左向右“移動”較重的元素和文本。

使用顏色創(chuàng)建焦點(diǎn)。

把所有東西都放在網(wǎng)格上會產(chǎn)生一種組織感和過程感。

注意對稱性。不對稱設(shè)計(jì)不應(yīng)該讓人感覺“歪斜”。用戶瀏覽內(nèi)容應(yīng)該很容易。使用導(dǎo)航等靜態(tài)元素為非對稱元素創(chuàng)建容器。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn),每一個項(xiàng)目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/10211.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部