下層頁面設計的注意事項
一般設計師都會接觸到很多“下層頁面設計”,為了避免設計之中的麻煩,小編給大家總結了一些需要注意的要點。一起來看看吧!
下層頁面設計就是,根據主設計師設計的主頁面進行下層頁面的製作。對於頁面較多的網站,會經常這樣分工協作。在拿到首頁設計時,首先要對整體仔細確認。如果這一步沒有認真做,接下來的頁面就會陷入不斷修正的麻煩之中。
1、網站的目的
入手下層頁面設計的第一件事,就是了解主設計師在設計主頁面時的思路。如果不瞭解這個思路,就可能會和原有的設計意圖有偏頗,導致返工。因此,不明白的地方和在意的細節都要好好確認。這樣,如果在設計的時候能有明確的目的,和主頁面有區別的地方也會比較容易思考了。
2、使用的字體
一個網站給人的印象是會受字體所影響的。如果字體不統一,就會跟人一種進入了不同網站的感覺。標題和正文的字體一定要區分開來。另外,主頁面沒有使用的字體儘量不要使用。因此,在着手設計之前最好提前確認準備好。
3、文本的規則
字體接下來就是樣式。這一點很容易造成不統一,所以要特別注意。細分一下需要確認的主要有三個重要點。
a.頁面標題、目錄和正文的字號
一般來説下層頁面會使用和主頁面一樣的字號,每個頁面正文所使用的文本樣式都會相同。在PS中有“庫”的功能,登錄之後就可以很輕鬆地為開始製作做好準備。另外,在對字號進行調節的時候,也有為了保證印象將跳躍率調整為同樣的情況。
b.字間距、行間距
文字的行間距如果發生變化,整個頁面給人的印象就會因此不同,所以下層頁面要保證和主頁面統一。在不得不隨着文字的多少和內容發生變化的時候,也不要增加太多的規則。
c.語言的使用
雖然不是直接和設計有關,但是同樣的內容卻使用不同的語言會造成混亂。詞尾也同樣,會根據持有的印象不同而變化,因此有注意的必要。
4、色彩
確認使用的顏色。使用太多的顏色將會很難實現統一感,主要的部分也會變得不突出。
a.主色和點綴色
要確認頁面中使用的主色和點綴色,記錄好色號。
b.文字色
保證不同的頁面使用的文字顏色統一,掌握好不同位置的文字所用的顏色。根據想要醒目一些的內容,註釋的內容等,要有層次感的變化,根據各個頁面建立統一的規則。
5、排版、留白
佈局和排版要根據不同的目的而變化。為了引導視線,一個頁面中最想傳達的內容要最醒目。這樣的規則要配合各個頁面得到統一。在這裏面重要的劃分就是留白。若不確認好目錄與正文之間及目錄本身的留白,就會變得散亂而失去了設計的一貫性。花費時間去修改頁面的要素,可能就會耽誤整體的進度,所以在設計的時候要好好確認。
6、圖片
下層頁面在使用圖片的時候,應該使用和主頁面同樣風格的圖片,整體調整色調。事先在決定使用哪些圖片的時候,最好先確認一下色調,這樣後面就會順利很多。並且,還要事先考慮是否適用於移動設備上,尤其是響應式頁面圖片的比例要保持一致,在移動設備上是否能夠完全顯示也必須考慮到,這樣會給之後減少很多工作量。
7、ICON
ICON的設計也必須要保證統一。在追加新icon的時候要保證和原來的風格統一。在設計每一個ICON的時候要確認好。並且,在高分辨率的屏幕上查看,ICON的畫質會變糟,所以要製作大一點的尺寸,然後再轉成 web font 。這樣就可以保證在任何環境下顯示效果都會好。在這裏也要事先考慮好移動設備的情況。
8、裝飾
例如,有圓角的'按鈕,圓角的大小和線條的粗細,按鈕的尺寸和使用的場合都應該基本保持統一。無視主頁面已經使用的元素,在下層頁面製作新的元素就會打破整體的規則。一般會要麼都是圓角,要麼都是直角,基本沒有混合使用的情況,所以不要讓破壞整體風格的元素出現。
9、動效
按鈕點擊的動效,頁面收起展示目錄的動效,整體從左右移動的方向和上下移動的方向一般都要保持一致,以保證統一。要注意頁面中不應該出現和整體動效原則相違背的元素。
總結
以上就是設計下層頁面時候最起碼應該注意的地方。下層頁面的設計大體要遵循主頁面已經確定好的規則,所以可發揮的空間很小,但每一個頁面的要素都不相同,因此也不是和主頁面完全相同。做的多了,自己也能決定規則的時候,就會變得越來越有趣了。
-
平面設計中立體空間的創造和表現
新時代下,社會各個行業得到了迅猛的發展。在傳統的平面設計領域,多年來只是拘泥於平面設計中的二維空間的創造和表現,而現在的平面設計出現了三維立體空間。下面是小編分享的平面設計中立體空間的創造和表現,一起來看一下吧。1將平面設計的二維空間轉化為多維立體...
-
LOGO平面設計小知識
LOGO的設計看起來像微不足道路的小東西,它其實是代表着整個公司或品牌,用來傳達出新知識度、價值和更多有關公司方面的信息,不能輕視他的作用,也不能把它當作一件"微小的工作",一個好的LOGO可以成為一個公司重要的標識,關係同引領出公司的未來設計和品牌決策。那我們...
-
現代繪畫與平面設計淺談
平面設計教育工作者是對繪畫與平面設計感觸最深。在日常的教學工作中不但需要具備繪畫的基本技能和鑑賞能力,更需要具備對平面設計理念的深層次理解掌握。出於職業的敏感性,對兩者之間的異同性,就需要去深入地思考和論及。一、現代繪畫與平面設計的相同點設計與繪...
-
平面設計中使用色塊排版的技巧
使用色塊進行排版也很是實用的一項技巧,而且容易營造時尚的感覺,經常被用在畫冊和網頁設計當中,色塊在版式中的主要用途有以下幾個:1.劃分區域在畫冊或網頁設計中,可以用色塊來劃分區域,一個色塊承載一塊信息,使該色塊內的內容與其他信息區別開來,如果色塊較多時最好讓...