1.網(wǎng)站設計整體頁面布局,大概形式有這么幾種會正對PC端和手機端設計不同布局,便于用戶瀏覽:a.列表式布局(現(xiàn)在很多做成卡片式) b.大圖展示布局 c.兩列網(wǎng)格布局 d.兩列瀑布流 e.兩列拼圖布局 f.三列網(wǎng)格布局。
這些主要正對移動端響應式會比較多采用,按照傳統(tǒng)的PC端會增加一些上下布局,半包圍布局等一些做法。說的這些名詞你可以通過搜索引擎查一下,在這里因為打字原因放一張圖作為示例,見圖一。
2. 網(wǎng)站配色。選色如果是企業(yè)站,那更多會根據(jù)企業(yè)形象色,比如LOGO的顏色,行業(yè)色(比如環(huán)保公司會選擇藍色,綠色),產(chǎn)品色,氛圍色(比如喜慶一般紅色)來選取主色調。然后確定輔助色,輔助色的搭配可以用同類色,臨近色(圖二)、中差色、對比色、互補色來完成,但是一定要注意用色面積,不一定主色就是占的面積最多,它只是影響了整個畫面的色調而已,中間更多過度的是黑白灰。
3. 動效交互設計。動效我們只的是FLASH,文字,圖片,或者是整個板塊的轉場和入場。會因為頁面場景不一樣做一些便于引起用戶注意的動效交互,提升用戶體驗感。交互解釋起來相對內(nèi)容多點哈,就簡單說一下例子,比如你在設計按鈕的時候,你期望用戶點擊“確定”,那么在整個畫面按鈕你可能會通過亮色來提示用戶產(chǎn)生頁面交互。
4. 細節(jié)調整。文字的字體字號,對齊方式,字間距,段落間距,方便用戶閱讀提取頁面有效信息;圖片清晰度,大小范圍,圖片會不會影響整個畫面色調,會就調整色調;富媒體包括動畫,視頻,動圖測試播放和頁面載入時間等。所有這一切都是為了企業(yè)能夠有效傳達信息,使用戶產(chǎn)生企業(yè)希望大用戶行為。圍繞內(nèi)容,場景,用戶做的設計。那怎么去學呢,好的設計師一定要有好的審美,要有好的審美那就需要看大量的美的設計,不限于網(wǎng)站設計本身,如果可以逛逛站酷,花瓣,優(yōu)設等網(wǎng)站。另外要多練習,開始可能很難,對于新手來講配色會難一點,那你可以嘗試去在原型稿上搭配不同的顏色,多了就有感覺。高手跟新手的差異在于細節(jié)的把控,所以慢慢你會進入細節(jié)方面,這個就要看很多相關理論,還有作品了。只要你有心,這些都不是難事,首先你得要有把自己變成設計師的想法。加油,歡迎交流,有講的不全面的地方歡迎來噴:)