網(wǎng)頁(yè)設(shè)計(jì)要打破的設(shè)計(jì)原則

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

您會(huì)牢記許多設(shè)計(jì)規(guī)則,尤其是在進(jìn)行公司網(wǎng)站設(shè)計(jì)時(shí)。 高級(jí)設(shè)計(jì)師推薦的更多內(nèi)容,設(shè)計(jì)理論要素或沿途學(xué)習(xí)的課程。 但是也許您實(shí)際上應(yīng)該打破其中一些規(guī)則?

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

1.使用Sans Serif字體進(jìn)行公司網(wǎng)頁(yè)設(shè)計(jì)

每個(gè)網(wǎng)頁(yè)設(shè)計(jì)師之前都說(shuō)過(guò),您需要在線(xiàn)使用無(wú)襯線(xiàn)字體。 現(xiàn)在不再是這種情況了,打破規(guī)則! 新規(guī)范是可讀字體的良好組合。 這些包括襯線(xiàn),無(wú)襯線(xiàn)以及新穎性和腳本樣式。 選擇正確的字體(或調(diào)色板)的關(guān)鍵是從易于閱讀的字體中進(jìn)行選擇。 也有研究支持這一想法。Nielsen Norman Group的Jakob Nielsen專(zhuān)注于用戶(hù)體驗(yàn),研究和培訓(xùn)。 他說(shuō),更好的屏幕正在改變企業(yè)網(wǎng)頁(yè)設(shè)計(jì)排版指南的布局。 這是研究的結(jié)論:

在線(xiàn)印刷的舊的可用性指南很簡(jiǎn)單:堅(jiān)持使用無(wú)襯線(xiàn)字體。 由于計(jì)算機(jī)屏幕太差而無(wú)法正確呈現(xiàn)襯線(xiàn),因此嘗試按主體尺寸輸入襯線(xiàn)會(huì)導(dǎo)致字母形狀模糊。 不幸的是,新指南并不像舊指南那樣清晰。 襯線(xiàn)字體是否確實(shí)比無(wú)襯線(xiàn)字體更好還沒(méi)有定論。serif和sans serif之間的讀取速度差異顯然很小。 因此,沒(méi)有強(qiáng)大的可用性指南支持其中之一的使用,因此您可以基于其他考慮因素進(jìn)行選擇,例如品牌或特定打印樣式所傳達(dá)的心情。

因此,繼續(xù)并打破舊的無(wú)襯線(xiàn)規(guī)則。 在考慮選擇哪種字體以及它是否可讀性強(qiáng)時(shí),您需要注意以下幾點(diǎn)。

選擇中等重量或常規(guī)重量以確保行進(jìn)寬度均勻。 超輕或薄型可能難以閱讀。

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

查找一致且適當(dāng)?shù)淖帜搁g距,而無(wú)需過(guò)多使用連字或字體。

為小段文字使用漂亮的字體,并且只有明確的意圖。

選擇serif或sans serif字體可獲得較大的副本。 選擇字母格式清晰的字母,這些字母一目了然。

2.遠(yuǎn)離大膽的背景

一段時(shí)間以來(lái),網(wǎng)站背景唯一可接受的顏色是白色和中性色。 現(xiàn)在應(yīng)該打破了。 粗體,明亮的背景色可以使背景元素很棒。 色彩可以給用戶(hù)留下深刻的第一印象,為設(shè)計(jì)定下基調(diào),并且是打破相同的舊設(shè)計(jì)模式的有趣方式。

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

當(dāng)您確實(shí)需要簡(jiǎn)單的調(diào)色板以實(shí)現(xiàn)標(biāo)準(zhǔn)一致性時(shí),請(qǐng)為特定項(xiàng)目添加一些額外的(和更亮的)顏色。 您不必重新設(shè)計(jì)所有品牌材料即可具有明亮的紫色或綠色背景,但是可以通過(guò)多種方式將更時(shí)尚的顏色融入項(xiàng)目中。

考慮彩色照片覆蓋。

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

更改中性背景以獲得更令人難忘的東西。

對(duì)于按鈕或號(hào)召性用語(yǔ),請(qǐng)使用明亮的色調(diào)。(它們不必全是紅色或藍(lán)色。)

使用會(huì)阻塞顏色的懸停狀態(tài)來(lái)鼓勵(lì)交互。

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

在早期的設(shè)計(jì)生涯中,太多的高級(jí)設(shè)計(jì)師推廣了完全對(duì)稱(chēng)設(shè)計(jì)的力量來(lái)創(chuàng)造和諧與平衡。 回顧過(guò)去,這些概念很多無(wú)聊且過(guò)于安全。 不對(duì)稱(chēng)設(shè)計(jì)可以幫助您創(chuàng)造更多的視覺(jué)興趣和平衡,而不必在兩者之間進(jìn)行拆分。 盡管存在對(duì)稱(chēng)的地方,但在重量,空間和相互抵消的元素之間建立平衡可能會(huì)更有趣。

為了在設(shè)計(jì)項(xiàng)目中充分利用不對(duì)稱(chēng)性,請(qǐng)考慮以下因素,以營(yíng)造和諧感和視覺(jué)流暢性:

元素和空間彼此平衡。 重元素與空白區(qū)域配對(duì)時(shí)會(huì)感覺(jué)更加平衡。

專(zhuān)注于運(yùn)動(dòng)并按預(yù)期進(jìn)行設(shè)計(jì)。 考慮人們?nèi)绾伍喿x和開(kāi)始從左到右的較重元素和文本“移動(dòng)”。

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

將所有內(nèi)容放在網(wǎng)格上以營(yíng)造組織和流程感。

注意體重。 不對(duì)稱(chēng)設(shè)計(jì)不應(yīng)感到“歪斜”。 用戶(hù)應(yīng)輕松瀏覽內(nèi)容。 使用導(dǎo)航之類(lèi)的靜態(tài)元素為非對(duì)稱(chēng)元素創(chuàng)建容器。

違反設(shè)計(jì)規(guī)則可能會(huì)令人興奮,甚至?xí)斐蔀?zāi)難性的后果。 通過(guò)考慮您的項(xiàng)目或設(shè)計(jì)目標(biāo),選擇正確的規(guī)則(何時(shí)打破)。 違反規(guī)則如何使這個(gè)項(xiàng)目更好地工作? 它是否增強(qiáng)了用戶(hù)的可用性,功能或理解消息的能力?

名稱(chēng)欄目:網(wǎng)頁(yè)設(shè)計(jì)要打破的設(shè)計(jì)原則
URL地址:http://www.muchs.cn/news0/151600.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序響應(yīng)式網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、用戶(hù)體驗(yàn)、建站公司、網(wǎng)站營(yíng)銷(xiāo)

廣告

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

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