在平時的工作中,很多設計師都會接觸到「下層頁面設計」這一合作方式,尤其是對於頁面較多的網站。很多設計由於對主設計師的思路並不是很熟悉,導致接下來的頁面陷入不斷修正的麻煩中。為了避免設計中的麻煩,就一定要注意以下的下層頁面設計要點。
要點一:網站的目的
首先,你要了解主設計師在設計主頁面時的思路,如果不了解這個思路,就會有可能會與設計圖的原意有所偏差導致返工。所以,不明白的地方和在意的細節一定要好好確認,這樣即使在設計頁面時與主頁面有區別也會比較容易思考。
要點二:字體風格統一
字體,是最容易影響用戶對網站的印象,如果字體不統一,就會讓用戶出現一種進入了不同網站的感覺。所以,主頁面沒有使用的字體盡量不要使用,標題和正文的字體一定要區分開來。
要點三:文本的規則
很多人都會忽視文本樣式的規劃,導致下層頁面和主頁面風格不一致,所以一定要特別注意。下面,來看看文本規則的三個重要點:
① 頁面標題、目錄和正文的字號
一般來說,下層頁面會使用和主頁面一樣的字號,且每個頁面正文所使用的文本樣式也都相同。另外,在對字號進行調整時,為了確保統一印象,頁面的跳躍率也會保持一致。
② 字間距、行間距
文字的行間距如果發生變化,會讓整個網站給人的感覺也會有所不同,所以一定要保證下層頁面和主頁面統一。
③ 語言的使用
雖然這個與設計沒有直接的關係,但是同樣的內容卻使用不同的語言會造成網頁混亂的。
要點四:色彩,建立統一規則
一個網站如果使用太多顏色很難實現頁面統一感,而且無法突出主要的部分。首先,確認頁面中使用的主色和點綴色,記錄好色號。其次,保證不同的頁面使用的文字顏色統一,掌握好不同位置的文字所用的顏色,根據各個頁面建立統一的規則。
要點五:排版,懂得為網頁留白
網頁的佈局和排版要更具不同的目的而變化,有時為了吸引用戶的視線,頁面中最想傳達的內容一定要最醒目,而最好的劃分方法就是留白。如果沒有確認好目錄與正文之間及目錄本身的留白,就會令整個網站變得散亂,失去設計的一貫性。
要點六:圖片,使用同樣風格
下層頁面在使用圖片的時候,應該使用和主頁面同樣風格的圖片,整體調整色調。如果是使用在響應式頁面圖片的比例要保持一致,要考慮在移動設備上是否能夠完全顯示,這樣會給之後減少很多工作量。
要點七:icon,考慮移動設備的情況
無論是追加的心icon還是以往的icon設計,都要保證風格統一,這在設計每一個icon時就要確認好。 另外,icon要製作大一點的尺寸,然後再轉成web font尺寸,確保在任何環境顯示效果都是很好的。
要點八:裝飾,別使用混合風格
無視主頁面已經使用的元素,而在下層頁面製作新的元素就會打破整體的規則。所以要麼使用圓角,要麼使用直角,不要出現混合使用的情況,或破壞整體風格的元素。
下層頁面設計雖然可發揮的空間比較小,但是但每一個頁面的要素都不相同,因此也不是和主頁面完全相同,這就需要你平時多加練習,積累經驗。