網(wǎng)站建設在很多人心中都是一個高端并且神秘存在,其實只要我們善于了解,發(fā)現(xiàn)并沒有我們想象當中的“難以接近”而掌握一些網(wǎng)站設計技巧,能夠讓我們的網(wǎng)站立馬高大上,而這里就根據(jù)一些經(jīng)驗技巧來為大家做簡單介紹,讓我們拭目以待吧。
1、優(yōu)先“極端”尺寸
在我們面對手機屏幕以及桌面顯示器時候,極端尺寸疑問也就是會隨之出現(xiàn),很多設計師在一開始就以動態(tài)視角來進行設計,但是還有一部門是從靜態(tài)頁面開始設計的,會選擇一個固定寬度以及高度來繪制相應草圖甚至于視覺稿,這樣就出現(xiàn)了幾個問題,開發(fā)團隊在進行設計時候優(yōu)先考慮的尺寸?而首先交付高保真視覺又是那個尺寸?而從技術限制的層面來考慮,我們又該考慮什么設備這些都是當中遇到的問題。
所以在這里推薦的就是最基本極端尺寸,也就是當前設備當中常用的最小和最大情況,對于視網(wǎng)膜視頻,是按著72dpi來進行設計的,也就是320 x 568 px ,而對于桌面顯示器,則是按1600×1000 px進行設計,如此,即便是客戶實際情況會出現(xiàn)不同,我們也是可以稍加調(diào)查,從而確定極端情況,而我們剛開始進行網(wǎng)頁項目設計時候,就需要從最大以及最小尺寸進行設計。
2、不用斷點布局
在日常網(wǎng)頁設計當中,對于靜態(tài)線框投入精力是比較多的,但是我們在進行響應式網(wǎng)站設計時候,需要謹記頁面布局是流動的,這樣就是說網(wǎng)頁用戶多數(shù)時候所體驗到的都是頁面中間態(tài),所以在進行設計時候一定要考慮屏幕尺寸大小轉(zhuǎn)變問題以及布局設計時候的每一個調(diào)整以及改變,。
對于適配的能與不能或者是該與不該問題不要去做假設或者是推斷,應該主動的去將這些信息確定,要確定沒有做太多之前要達到一個共識,而一些復雜布局變化要事先繪制圖框或草圖進行單獨說明,這對于后期的建設是很有幫助的。
3、圖片素材早做處理
很多網(wǎng)站當中通常都是有一組或者是多個不同尺寸圖片所組成的,而為了便于不同設備都可以匹配對應圖片,在進行設計時候就需要對各個圖片進行相應處理,而為了保證后期的建設順利,團隊應該保持一致性,可以使用PNG也可以是JPG,這個并沒有過于嚴苛要求。
4、基礎考慮,使用模塊設計
采用小并且可以復制組件更容易給不同平臺以及不同設備帶來相同用戶體驗以及視覺的效果,并且這種一致性使得開發(fā)團隊在后期進行建設時候更加的容易吸收以及消化,并且對于小組件來說,在不同頁面之間復用性也是較強的,所以,我們在設計出一套高效的方案之后,后期還是會有用武之處的。
最后一點就是要讓開發(fā)者來給體檢者反饋,很多的設計師在進行設計時候這點是很容易忽視的,但是只有讓視覺以及體驗者做出反饋,才能夠讓我們的產(chǎn)品更為成熟。
如沒特殊注明,文章均為方維網(wǎng)絡原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/3161.html