第壹、靠前、無邊框設計。無邊框設計在近幾年比較流行,在設計頁面的時候,將頁面中的風格線、邊框刪掉,用間距來代替的壹種設計方法。無邊框設計壹般是以大圖為主,圖片本來就是壹種分割元素。而內容基本是有規律的,留白間距之間的內容壹定要相對壹致、重復、緊密,這樣用戶在瀏覽的時候才會認為這些內容是壹體的。壹般來說,小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式,提升了版面的使用率,可以給網站建設增加更多的驚喜。那麽卡片設計有哪些優勢呢?1、可以提高頁面的使用率。卡片就好像是壹個容器,將類型不壹樣的內容設置在不壹樣的卡片中,這樣就可以很好地區分內容,還能夠統壹頁面的風格。比如傳統列表,內容壹般是縱向滾動的方式,能夠展示的內容比較有限,卡片式的設計采用的滑動方式,就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是壹個容器,將不同的內容放置在不同的卡片,更好地區分內容的類型。卡片的維度是不壹樣的,而且相對獨立、有互相有聯系,所以通過卡片歸納網站的內容,整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用範圍比較廣泛,可以覆蓋、滑動、堆疊,有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的壹種頁面布局設計方式,可以更好地幫助用戶快速熟悉頁面的布局,有良好的內容組織性。分割線可以貫穿整個頁面,將不同的內容進行分割,成為獨立的信息。
網站建設中的頁面布局,有不同的設計方式,而且設計的趨勢不斷在變化,在設計頁面布局之前,就要考慮好合適的樣式,不能壹味地追求潮流,根據產品的實際需求,選擇合適的設計方式。而分割線的設計,想要做得出色,就要處理好線的間距、粗細、顏色等等
如何進行網頁設計網頁設計與平面設計的異同
設計傳達的方式
傳統的平面設計講究頁面構圖、版式布局、空間表現等,而網頁設計也適用這些要素。
網頁設計與傳統平面設計在視覺傳達方面很大的相似點,但是在技術方面又是有很大的區別。
網頁設計是傳統平面設計的視覺傳達效果運用和網路技術的結合,所以可以說網頁設計綜合了平面設計藝術和網路技術。
網頁設計的重要特色就是動靜結合,這點在平面設計Y是無法實現的。
處理的差別
傳統平面設計的作品大多是以印刷的平面形式表現;而網頁設計作品則是透過顯示器表現,並且在傳輸的過程中受到網路頻寬的限制。
普通印刷是按照色素的減法原理進行的,設計時的顏色模式為CMYK,而電腦的顯示器的色彩原理則是以色光合成加法原理進行的,是RGB模式,使用同樣的顏色,但是在不同的顏色模式下,顯示的效果是會有色差的。
因為受到網路頻寬的限制,網頁設計中的圖像處理也不同於平面設計,為了加快下載速度,在保持圖像質量的前提下我們要盡可能的縮小其檔案大小,而不像平面設計那樣為了追求圖像的質量而不管其文件大小。
作為壹名合格的網頁設計師,在處理網路圖形時,應做到在保持圖像清晰的前提下,盡可能縮小圖片的檔案大小。
網頁的構圖布局與平面構圖布局有著很大的相似之處,但是因為技術的局限,網頁構圖遠不如平面設計那樣揮灑自如。
在平面設計中想把某壹物件放置到某壹位置的時候只需要簡單的拖曳就可以完成。
但是在網頁設計中想對某壹物件進行定位的話就必須有HTML語言的支援才行。
所以在進行網頁設計的時候,除了要有好的創意,還應該考慮到技術上的可行性。
網頁的構圖與傳統的平面構圖最大的區別就是技術的可行性。
在進行網頁設計時必需時時提醒自己,所設計的作品最終會通過網路傳輸到用戶端,經過下載,再用瀏覽器瀏覽,作品將受到頻寬和顯示器的限制。
而且,所有網頁的後端語言都是以HTML為基礎,輔以JavaScript或VBScript編寫的程式,有些動態特效實現起來會有較大的難度。
所以,網頁設計人員在構思創意時,要考慮到技術上是否能實現。
如果壹味地追求視覺效果的創意,而忽略技術上的限制,顧此失彼,再好的構思也只好放棄。
ㄞrb網頁設計中實現的創意,對網頁設計構圖來說是毫無價值的。
功能的不同
傳統平面的設計作品是以向人們傳達某種資訊或訴求為目的。而網頁設計網頁的設計必須是配合網站的內容設計,而不是單純地只為表現藝術而設計。
除了擁有平面設計作品的功能以外,還有重要的引導和連接功能,也就是網頁具有很強的可操作性和互動性。
網頁設計與傳統的平面設計最大的區別就是網頁的可操作性。
網頁的可操作性是通過頁面間的鏈結實現的。
所謂鏈結結構就是指網頁頁面間的相互鏈結關系。
選擇適當的鏈結結構,對整個網站的各個頁面設計將有很大的引導作用。
若鏈結的結構使用不良的話,會使得重要的資訊不能讓訪問者獲取,這將違背了網站設計者的初衷。
在制作壹個網站的時候會有壹個名為的頁面,我們壹般把它稱為“首頁”。
壹般在瀏覽網站的時候,在瀏覽器的位址欄Y輸入網址後,直接打開的就是檔名為的頁面,它的作用就與書本的目錄相同。
大家應該都有在書上找資料的經驗,壹般來說我們都會打開書的目錄來查尋資料位置,以便較快找到資料。
同理,如果把我們的網站看成是壹本書的話,那N“首頁”就是書的目錄,它的作用就是使我們盡快的找到自己想找的資訊。
而很多人在設計網站的時候做出來的網站是很漂亮,但卻讓訪問的人無從下手來進行瀏覽。
想從這個網站Y找到自己有興趣的內容卻怎N也找不到,雖然說這個網站Y有這些內容,但就是找不到或者找起來很麻煩。
這就說明了引導性和可操作性的重要。
網頁設計網頁設計引用了平面設計的各種版式風格及CIS(標誌);平面設計分印刷品平面設計和網頁平面設計,網頁設計就是比平面設計多了交互功能按鈕操作動畫切換上傳數據註冊等項目,實際它比平面印刷品設計(廣告設計海報設計書籍裝幀、包裝設計(分材質和制作工藝:比如紙質包裝,塑料包裝木盒包裝鐵盒包裝)、標誌、vi手冊、畫冊、宣傳單、名片、DM單)類要難的許多,網頁設計需要了解壹些Flash編程語言和W3C萬維網聯盟數據據SQL,掌握XHTML可擴展超文本置標語言及CSS樣式表.Web腳本(javascript.、HTMLDOM、DHTML、ajax、jquery);網頁設計的色彩模式RGB分辨率72只針對屏幕顯示,印刷品的色彩模式是CMYK分辨率300。網頁設計常用的軟件是PSAIdwfwflash碩思閃客精靈印刷品平面設計常用軟件是PSAICDRInDesignPageMaker