web導航設計

❶ 求web導航設計

用軟體來做吧。如谷秋精品課程軟體

請參考

❷ WEB網站橫向導航製作

這個需要css文件和圖片，css需要和你的css配合，
其實你完全可以找個喜歡的網站，然後復制它的代碼就可以了

❸ 用Web開發頁面 設計一個導航框架, 分頁顯示，左邊顯示測試信息 右邊顯示想對應的信息 右邊內容包括：

這問題一下不太好回答吧。要做靜態？動態？要是動態總得有資料庫吧？你打算有什麼語言？什麼資料庫？如果是做幾個靜態頁面的話，還比較好。那你就用frameset分成三分，上邊，左邊和右邊。自己做幾個鏈接就行了。你一個問題問了個小系統。怎麼回復？？？

❹ wap產品設計跟web產品設計有什麼區別

首先，糾正一個常識性錯誤。我們常把移動網頁設計叫做：Wap。其實，Wap全稱叫做無線應用協議，是一個使移動用戶使用無線設備隨時使用互聯網的信息和服務的開放的規范。還有人把移動網頁叫做WebApp，其實我們大部分的網站都能叫做WebApp，並不僅僅局限於移動網頁，還包括PC網站。正確的名字應該是「移動網頁」，這樣比較能夠准確地概括手機端的網頁設計。

因為手機自身的一些特性，所以移動網頁對比 Native App 和 PC 端網頁，有一些固有的特點。概括起來主要有以下幾點：
1、使用場景不同；
移動網頁的訪問大部分是通過搜索引擎和直接輸入網址進入的，更多是為了瀏覽信息，以及滿足及時性（比如匯率換算、異地天氣、新聞閱讀）的需求，所以留存較低。
2、可展示空間小；
除了移動設備本身屏幕較小以外，還因為瀏覽器大部分具有地址欄和導航欄，進一步占據了屏幕空間。
3、操作不便；
這個特性其實是由於可展示空間小引起的，因為展示空間較小。大部分瀏覽器將一些「新建標簽頁」、「前進」、「後退」的操作給隱藏了起來。用戶需要更多步驟才能達成一些操作。H5火爆起來以後，這樣的現象在微信中更為明顯。
4、交互方式不同；
因為手機的性能問題，一些App上的特效並不能在移動網頁上復現，即使能復現，特效也不會平滑，用戶體驗比較差。所以，這就決定了移動網頁設計需要不同的交互方式，也有不同的關注點。
根據以上四個特點，我總結出了做移動網頁需要注意的四個原則：
1、理清產品主流程；
因為使用場景的不同，用戶在移動網頁上做的事更為特定。這就需要在做產品設計的時候，理清產品的主流程，刪減不必要的功能；讓用戶順暢的完成目標。另外，我們要看到因為移動網頁本身特點造成留存低，所以需要在明顯位置設置
Native App 下載入口，將用戶導入 App 中。
2、頁面設計以簡約為主；
因為用戶目標比較明顯，以及受屏幕大小限制。所以頁面設計以簡約為主，配合色彩，突出重點信息。
3、更加註重全局導航；
WebApp 應用場景非常多樣，最典型的就是在微信內置瀏覽器。在這樣的情況下，導航的設計就特別重要。每個頁面都要能到達 WebApp 上任意一個頁面，步驟可以多點，但是一定要有路徑。
4、減少特效，考慮頁面載入速度;
採用「點擊」這種最普通的交互方式，盡量減少不必要的效果及元素，突出主要信息的同時還可以加快頁面載入速度。

❺ UI設計網頁時，導航欄尺寸規格一般是多少

當前最流行的解析度是1920*1080，在該解析度下，頁面中心區域為1200px以內都可以。在800*600解析度下，導航欄尺寸規格保持在778px以內；在1024*768解析度下，網頁寬度保持在1002px以內。

如果沒有指定的要求，以1920尺寸設計就好（這是目前最普遍的尺寸大小），前端開發人員會自行適配其他的解析度。

(5)web導航設計擴展閱讀：

UI設計網頁方法

一、呈現更新穎的內容

設計師在進行網頁ui設計的過程中需要注意的是，想要讓自己的網頁看起來更加與眾不同，但也不必過於誇大，可以用一些新鮮的理念和不同的布局來吸引用戶訪問。比如以一種動態的方式，將信息呈現給用戶，以此來贏得用戶更多的關注。

二、增強元素的設計感

相對於普通的網頁ui設計而言，具有較強的設計感的網頁往往會更容易吸引用戶的注意。任何一個具有創意的網站開發設計方案，都會把目光更聚焦在網頁的基本布局和色彩搭配上，而這也意味著網頁上一般存在很多種不同的元素。

三、激勵用戶更多操作

網站開發的設計製作的類型有很多種，面對不同的類型，要有特定的網頁ui設計方案。給用戶提供一個尋找目標的簡易方法，這樣用戶就容易沉浸到頁面中來，同時也增加了用戶操作的幾率。

❻ 網店視覺的導航設計是怎樣的

導航是用來瀏覽網頁的工具。它可以是按鈕或者是文字。在每個頁面上顯示一組導航，顧客就可以很快又很容易地找到他想瀏覽的網頁。導航是網頁設計中的重要部分，也是整個Web站點設計中的一個獨立部分。

現在有些賣家都有一個誤區，以為導航就是分類。其實不然，導航是一個功能型按鈕，在店鋪頁面中的作用是引導買家快速查看需要的產品。而分類是屬於包含與被包含的關系，但是我們可以理解為分類是導航的一種。設計出自己的導航後，我們會根據目標用戶群的搜索點擊對導航進行優化，這絕不僅僅是只把分類重新整理一下就可以了，而應從產品導航入口入手，進行優化。

通常按位置可以將導航劃分為以下三個區域：

（1）頂部導航：產品分類、搜索欄、自定義頁面（如品牌故事、會員專區、購物須知等）。

（2）左側欄導航：產品分類、在線客服、收藏店鋪按鈕、熱銷產品列表、商品推薦、其他超鏈接（如手機店鋪、加入幫派等）。

（3）自由導航：隨意地自由地編排導航，讓導航更具個性，給人耳目一新的感覺。一般很多設計師會把自由導航設計成產品類目圖片（文字）＋可以指向某一分類或自定義頁面，進行詳情頁跳轉等。

盡管導航的位置和形式都不同，但目的都是給顧客提供更直接的購買路徑。導航承載的信息內容有：基本營銷信息（如新品、熱賣、折扣等）；搭配套餐；主題營銷；官方活動（如淘金幣、聚劃算、淘畫報等）；產品分類（如功能、材質、季節、價格、人群歸屬等）；交互模塊（如幫派、微博、手機店鋪、店鋪收藏等）；輔助信息（如品牌故事、幫助中心、信用評價、會員中心、客戶承諾等）；客服支持（如客服旺旺、服務說明等）；搜索控制項（如搜索框、關鍵詞推薦等）。

導航在店鋪中承載著舉足輕重的作用，顧客進入店鋪能停留多久基本全靠它。當顧客進入店鋪時如果找不到方向的話，是不會繼續瀏覽網店的。其實網店導航並不復雜，就是通過讓產品的層次結構可視化，告訴我們店鋪里有什麼。在設計導航時應該遵循「快為先」的原則，不要為了頁面的美觀，特意將導航復雜化，設計為「精美圖片＋文本＋超鏈接」形式。從用戶體驗的角度來講，大多數買家已經習慣了簡單明了的導航，如果導航設計讓買家花時間去思考下一步該點什麼，那麼這個導航就是失敗的。所以導航的設計不要過於浮誇，應從用戶體驗出發，以最快速的方式讓顧客找到自己想要的東西。

❼ web版本的網頁設計有哪些應該怎麼做

1.確定網頁的主體色調風格。

我們製作自己的網頁首先應該對自己的網頁有一個整體的規劃，是建一個什麼類型的網站，網站主色調使用哪種顏色、設計布局採用什麼樣的方式等這些都需要有一個很好的規劃。

2.規劃網站的整體布局——導航、按鈕、圖片、文字的排版方式。

做什麼事都不能盲目的沒有目的的進行，那樣只能浪費時間浪費精力，在我們製作網頁之前一定要對網頁的基本元素進行一些設計。可以簡單的畫草圖，或者瀏覽幾個自己比較喜歡的網站學習借鑒。

3.准備和歸類素材——圖片、音頻、視屏、文章等。

製作一個網頁需要大量的文件，我們必須先將這些不同類型的文件進行歸類放置，整理到一個文件夾中。

打開Dreamweaver軟體，新建一個站點，然後在站點下建立不同的文件夾存放素材。

.4建立自己的主頁，按照之前的定的風格設計布局。

不要急著添加圖片和文字，先將導航欄，標題欄和內容欄都規劃好然後在進行素材的導入。注意無論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態很容易報錯，文件添加後就不要更改文件路勁了，否則會導致文件的丟失。

5.製作網頁是一個非常復雜的過程，如果想從頭到尾自己製作一個網頁的話是很難說清楚的，所以這里就分享一個很簡單的方法。

找到一個適合自己風格或是自己比較喜歡的網頁，右擊滑鼠——另存為。
這時瀏覽器就會將這個網頁中的所有的元素都復制下來，存放到一個文件夾中。

6.打開Dreamweaver軟體代開剛剛下載的網頁，這時Dreamweaver中就會顯示你下載網頁的所有元素，不會出現丟失的情況。

7.替換網頁中的元素即可。

選擇需要進行修改的圖片或是文字直接更換即可。選擇一個元素然後在下面的屬性欄中進行更換即可。同時還可以更換圖片的大小和其他的屬性。

8.按下F12進行預覽效果即可。不滿意的地方進行修改，一定要注意隨時保存文件。

❽ 總結歸納web設計思路,如何統一站點的風格

網站建設網站設計的6個統一
第一個，色彩的統一
在進行網站設計時，要保持網站主體色彩的統一性，在確定了主體色之後，可以著重對局部的色彩進行改變。色彩的統一性可以幫助網站樹立企業的形象，在用戶腦中形成記憶。這樣有利於企業網站的宣傳。
第二個，結構的統一
網站結構的統一包括：網站布局、文字排版、導航、圖片位置等，這些內容的統一是實現網站風格的統一的有效方法。註：網站的標志性元素一定要統一，如網站名稱、網站標志、相關聯系方式等。
第三個，導航的統一
網站導航是網站頁面內容的重要組成部分之一，一個特點明顯、使用方便且具有企業特徵的導航，必定會給用戶留下極其深刻的印象。在進行網站導航設計時首頁導航與欄目頁、內容導航一定要一致。
第四個，背景的統一
學景的統一一直是網站設計中強調的問題，目前企業網站的背景設計有兩種情況，一種是圖片背景，一種是顏色背景。雖然很多企業網站會選擇用圖片做為背景，但是背景設計中圖片並不是最好的選擇。
具體原因如下：
1、高清大圖背景會影響網站頁面的載入速度，2、為網站添加了背景圖片之後，會出現文字與圖片重疊的現象，這樣會影響頁面內容的顯示效果，影響用戶閱讀。
第五個，特色元素的統一
很多企業網站設計時會因為想要突出獨特效果而設計一些特色元素，這些元素會在網站的各個頁面中出現，所以必須保持他們的統一性。因為重復出現的的東西可以在無形中給訪客留下很深的印象。
第六個，圖片的統一
網站設計中圖片的使用率非常高，對於圖片我們一定要保持圖片與內容的統一，形成完整的頁面。註：不要添加與網站內容無關的圖片或動畫元素。