1、網頁層次設計具體指什麼?
如同穿衣服,先里後外,但整體得協調搭配
2、如何提升網頁設計的視覺層次感
1. 明確元素設計目標
網頁上的各項元素通常都有其存在的目的和意義,在構建視覺層次時我們就可以從這方面著手,根據網頁元素的不同角色確定優先順序,然後進行視覺層次的構建。
2. 考慮用戶瀏覽模式
當用戶初次訪問網站時,他們一般不會仔細瀏覽所有內容,而是會進行快速的掃視,確定其中是否有自己感興趣的內容。
3. 功能性優先
我們常常會有這樣一個誤區,認為視覺層次是服務於網站設計美感的。其實,視覺層次設計的功能性反而要更重要一些。設計師在構建視覺層次時首先需要確保每個元素發揮了自己的作用,比如提供給用戶清晰的導航菜單、可見的購買途徑等,然後再考慮元素組合的界面美觀與否。
4. 善用留白
留白或者說負空間,不僅僅是指界面元素之中空白的區域,它更是視覺層次構成的核心元素之一。在視覺層次設計中,留白一方面可以用來聯系或區分不同內容元素,創造別具一格的布局。另一方面它還可以幫助強調某個關鍵元素,讓它獲得用戶額外的關注。
5. 使用黃金分割
黃金准則主要是指1:1.618的頁面比例,它被公認為是最具美感的,在自然界、日常生活、舞檯布局等多個方面都有著不同的應用。
3、求一份網頁設計作業,要求三個層級的網頁設計。
我有以前做的dreamweaver的網頁作業。 為了方便大家下載參考。
我把網頁作業源文件打包上傳到我的百度網盤。
網頁作業下載地址公布於本人的百度空間的文章中。
找不到的可以私信我
你可以下載下來參考一下,對你有所幫助,請採納,謝謝
4、網頁設計里如何調整層的重疊順序?
在css的下面有個防止層重疊,你只要不選中它就行了
5、網頁設計中怎麼樣層疊加?
不知道你說的意思是否是在同一個頁面上顯示多個不同的網頁效果!若果是:可以採用框架技術實現!<frameset rows="79,*" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset rows="*" cols="*,858" framespacing="1" frameborder="yes" border="1" > <frame src="left.html" name="leftFrame" id="leftFrame" title="leftFrame" / > <frame src="topic/introce.html" name="rightFrame" id="rightFrame" title="rightFrame" /> </frameset></frameset><noframes>src指定不同的網頁路徑,你可以在網上搜索下關於網頁製作框架的介紹!
6、網頁設計里的層是什麼意思
層是DW裡面的概念,我們本身不叫它層。
Layer1是DW給它生成的一個id,目的是給它定義一個CSS。你可以到代碼里搜索#Layer1,你就能找到它的CSS定義,注意看有一行:「position: absolute;」。
層和普通div不同的地方在於它們的定位方式,div默認是相對定位,它的位置會受到周圍的元素的影響而不能隨意變動,而剛才你找到的代碼里有一句:position: absolute; 這句代碼的作用就是將該div的定位方式變為絕對定位,絕對定位的元素將不再受到周圍元素的影響,它可以隨意改變,通過修改left/right/top/bottom這幾個CSS元素就可以定義它的位置了,你可以嘗試修改一下代碼,看看效果就知道了 。關於層其實還有很多小技巧,不過一下子說出來也很難理解,多多嘗試吧
7、如何撰寫頁面信息層級架構
產品經理在撰寫PRD的時候經常遇到的一個問題是頁面信息的層級。通常我們知道的有頁面的提示信息、內容信息、導航信息、廣告信息等。對於這些信息的重要性一般是依據商業的意圖進行某些考慮;然後,我們發現我們的信息和組織非常的混亂而且撰寫時條理性也不是很強。
我一般把一個頁面內容置入在一個三維坐標中:
進行考慮。當然,有很多頁面沒有這樣的要求,例如:大量的列表頁面。
首先,設計任何一個頁面都是為了讓用戶完成某個任務,哪怕是閱讀和瀏覽行為;其次是要告訴用戶你在哪裡,你還能夠去哪裡或者做什麼;再次,是商業訴求。
不過國內的大量行為是首先考慮商業訴求,及為了某個特定的商業行為要對頁面進行調整或者創建,然後才是用戶的任務,最後是導航。在信息架構部分我將特別的提到導航的意義,另外可以參考《Designing Web Navigation Optimizing the User Experience》。
基於以上的頁面考慮要素的三要素,頁面的提示信息層次是:
在用戶完成的任務層面我會考慮這樣幾個層次的內容:
來考慮。例如淘寶的注冊頁面:
黃色熒光效果的區域是基本信息,基本提示主要標注用戶完成工作所必需的文字內容;粉紅色熒光效果展示的是提示信息,提示信息包含操作內容指導提示和執行過程提示,錯誤提示是執行過程提示由於其特殊性單列了處理,提示信息一般是輔助基本信息來完成對基本信息要求任務的說明,提示信息不排除有某些商業和市場行為在其中,這里的「雅虎郵箱」就是一個例子。
綠色框圈起來的是錯誤提示信息;錯誤提示信息的形式可以是文字、顏色和小圖標,或者三者的混合物。
另外,這有一類特殊的提示,是系統執行錯誤或者訪問連接出現問題等的網站異常容錯的提示,例如:404錯誤提示等。這一類頁面是要最後考慮,有開發工程師和產品經理共同完成。
關於商業訴求的信息表述和導航的信息表述待續。
8、網頁設計的時候層次怎麼調
設置相對點
然後 提高層級
z-index
百度 軟偷界論壇 office
要麼付費 要麼那些key 或者軟體
有教程的 去吧