網(wǎng)頁(yè)設(shè)計(jì)的三個(gè)關(guān)鍵原則
  • 更新時(shí)間:2024-10-25 10:23:41
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 417

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

考慮彩色照片覆蓋率。

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

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

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

使用阻擋顏色的懸停狀態(tài)來(lái)鼓勵(lì)互動(dòng)。

3.建立對(duì)稱的平衡

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

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

和元素空間相互平衡。與空白搭配時(shí),元素感覺(jué)更加平衡。

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

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

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

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

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部