1. Home
  2. /
  3. 網頁設計
  4. /
  5. 為什麼你的網站設計很平淡?這2個技巧讓作品更出彩!

為什麼你的網站設計很平淡?這2個技巧讓作品更出彩!

在日常的設計工作中,我們時常會聽到需求方這樣說:「感覺沒有什麼亮點」、「這也太簡單了吧」、「你這就是底色加文字,感覺誰都可以做」等等一些話語。只會用千篇一律、中規中矩的方式做設計並不是說不可以,一樣可以解決一些設計需求,但這只能算是工作上的及格,無法突破自己現有水平,會導致進步緩慢或者只是原地踏步。如何在完成工作的同時,將自己的作品更好地向優秀邁進是我們應該認真考慮的問題。網站設計作品平平淡淡應該從哪些方面進行改善?本期就和大家一起分析、總結一下「改變你作品不夠出彩現象的常用手法有哪些?」

作品平淡的原因

作品「普通」一般情況下並不是因為自己的基礎設計專業知識不夠,而是被基礎、常規形式所局限,對於一些打破常規的設計手法不了解,下面總結一下作品過於平淡沒有亮點的原因有哪些?作品整體的層次感不夠、缺少變化,常常表現在背景過於單調、文字排版過於簡單、缺乏形式感和設計感等等。配色、構圖形式過於常規化,過於嚴格遵守模式化的設計理論,不敢大膽的進行嘗試、打破常規,缺少發散性思維思考問題。不會提取優秀作品的精髓,也就是說不知道如何參考、只會1:1臨摹,這也是很多新人設計師會碰到的問題,參考不等於臨摹。舉個例子:有三個優秀的作品A、B、C,我們可以參考A的配色、B的排版、C的構圖,再加上自己的發揮,這就可以是一張優秀作品的骨架。心態問題,不願意跳出安逸的工作區,對自己工作要求就是完成而不是要自己滿意(只要求及格不要求優秀)。
下面就為大家總結一些打破常規的設計手法。

非常規手法

「非」常規的表現形式:顧名思義就是在設計常規理論的基礎上,做一些大膽非常規的處理,與常規設計形式形成鮮明對比,把常見的設計表現形式通過「非」常規的手法使其變得與眾不同、新穎。這也很大程度地提升作品帶給用戶的視覺感受,更加鮮明、生動、富有視覺衝擊力,同時也能改變一些作品過於平淡、無亮點的現像出現。而這種手法的常用表現形式可以體現在:用色、構圖、文字等等。

首先說下用色,舉兩個簡單的例子:

網站設計
這裡只看色彩對於整個畫面的影響,一種是比較柔和常規形式的用色,另一種則是大膽偏誇張的用色形式。前面說過,作品過於「普通」有很大一部分原因在於缺少視覺變化和層次感,通過兩組案例上下對比我們不難發現:

  • 每組案例上側都用了相對常規的形式,也就是易於接受的用色形式,給人的視覺感受很柔和,對比不強烈、衝擊力較弱,屬於常見的形式。
  • 每組案例下側都用了對比很強烈的配色形式,分別是有彩色與無彩色的對比、藍色和紅色的對比。而正是因為這種強烈的顏色對比,使得整體畫面的視覺感受更加活躍且更具衝擊力,在視覺上給作品增加了很強烈的色彩碰撞,就好像風平浪靜的湖面和波濤洶湧的大海相互對比一樣。
  • 多種色相大面積用色也打破了常規的主色、輔助色、點綴色的用色比例,且不僅僅局限於對比色或者說一定要對比強烈,而是一種色塊切割手法,既改變了構圖形式,又增強了色彩之間相互作用力。至於切割的形式,不管是正切還是斜切,比例如何,能達到最終目的即可。類似這類大膽的大面積切割用色的形式相較於常規形式而言,會給作品增添一定的設計感,使得畫面視覺上更豐富,變化更加強烈、形式感也更強。類似的案例還有:

網站設計
非常規並不是前無古人、後無來者的操作,而是打破固有的基礎理論知識,呈現出一種源於基礎卻高於基礎的視覺表現形式。上面這些案例的形式大家一定或多或少見過,只不過相對而言這種大膽的配色形式難把控一些,平時用的少而已。下面繼續說構圖形式,常規構圖形式是圖文有很明顯的範圍,而非常規的構圖可以理解為打破常用形式,舉個例子:


△ 上:案例一;下:案例二
在構圖形式上區別可以看作:在範圍內與超出範圍,在範圍內屬於常規形式,也就是文案、產品在背景或者場景內,這也是我們作圖的一貫形式,而超出範圍則是打破了這種常規的構圖,那麼通過對比我們可以看出:
案例一:上側與下側在構圖上多了一個淺灰色的矩形,且文案、產品並沒有通過矩形隔開,反而故意超出矩形範圍,這個淺色矩形就是為了打破常規構圖而用的,目的是增加畫面視覺變化及賦予一定的跳躍性。
案例二:在範圍內的構圖形式給人一種拘謹的視覺感受,而超出範圍的構圖則更加富有跳躍性,形式上也更加新穎。
其實單看案例中的每一幅作品,改前改後都是很不錯的,只不過改過之後在構圖形式上顯得更加新穎、有創新感,這也會大大提升作品的整體設計感,而這種「超出去」的處理手法在很多作品中也能見到。比如:

網站設計
在設計工作中很多時候色塊、線條、框等等我們會下意識認為有分割、劃定範圍作用。再或者不同的背景、產品與文案、文案與背景等等應該分開。正是因為這是我們常規的作圖習慣,而我們又不願意跳出來,所以我們會一直延續這種慣性思維做圖。再比如:畫面中一個形狀可以正常擺放、也可以15°、45° 旋轉進行擺放,要多嘗試:其實簡單的打破就能帶來不一樣的視覺感受,比如接下來要說的文案。這些文案與產品、背景、色塊等相結合的形式會給人一種很強烈的新穎感和設計感,增強了畫面的整體性和連貫性,當畫面整體構圖已經確定但不夠豐富或者過於常規時,這種「字壓圖」的文案排版形式就能很好地緩解這一現象的出現,同時也能提升作品的出彩度。

網站設計

善於使用底紋

善於使用底紋在一定程度上可以增加視覺變化,當底紋紋理富有一定的形式感和設計感時,也可以間接影響整個作品。這裡說的底紋可以是偏抽象化的圖案,也可以是背景、材質、肌理等等,下面我們舉例說明:

網站設計

一般情況下,使用底紋或者圖案的目的不同,其形態也會有所區別。當畫面只是缺少細節感時,通常會給底紋一定的透明度,不讓其特別明顯而搶了主體;當畫面缺少設計感時可以讓其稍微明顯一些,做到能夠影響畫面整體即可。常用的材質或者肌理、底紋有很多都是百搭的,比如:大理石材質、木紋、線條、雜色、抽像圖案等等,運用材質是對增加畫面細節感以及提升視覺出彩度比較常用的手法之一。改變網站設計作品「平淡無奇」的切入點當然不僅僅只局限於這些,比如:通過點線面的應用也能改變這種現象,還有之前文章中說到的「襯塊理論」「增加投影、倒影」「增加視覺變化的常用手法」「材質的運用」等等。本期就改變作品過於普通提出了幾點改變的方式手法,目的是提供可以切入的點,然後舉一反三。如果你的作品不夠出彩,就可以嘗試著去改變以前慣用的做圖思路,嘗試著推翻自己,打破常規。打破常規的前提是你要知道什麼是常規,如果常規性、基礎性的知識你還很生疏,那麼還是要以基礎為主。