首頁 > 眾包知識 > IT/軟件  > UI設計
網頁界面設計
網頁界面設計
優秀的網頁界面需要注意網頁平面構成、網頁的色彩搭配、網頁設計中的排版布局等各方面因素,不僅需要美工掌握基礎知識和美學原理,還要掌握顏色理論、圖像設計、動畫設計等內容。下面是時間財富網小編為您整理的網頁界面設計相關知識,希...
1網頁界面設計培訓色彩如何搭配?
    網頁標題是網站的指航標,瀏覽者要在網頁間跳轉,要了解網站的結構,網站的內容,都必須通過導航或者頁面中的一些小標題。所以我們可以使用稍微具有跳躍性的色彩,吸引瀏覽者的視線,讓他們感覺網站清晰、明了,層次分明。想往哪里走都不會迷失方向。

    一個網站是由許多頁面組成的,實現網頁間相互跳轉的就是網頁的鏈接,所以文字與圖片的鏈接是網站中不可缺少的一部分。這里特別指出文字的鏈接,因為鏈接區別于文字,所以鏈接的顏色不能跟文字的顏色一樣。大多數瀏覽者不會花太多的時間用在尋找網站的鏈接上。設置了獨特的鏈接顏色,讓人感覺他的獨特性,自然而然好奇心必然趨使他移動鼠標,點擊鼠標。

    多數網站都會運用背景顏色,這就要求設計者考慮到背景顏色的用色,以及前景文字的搭配等問題。一般的網站側重的是文字,所以背景可以選擇純度或者明度較低的色彩,文字用較為突出的亮色。讓人一目了然。

    網頁標志是宣傳網站最重要的部分之一,所以這兩個部分一定要在頁面上突迎而出。怎樣做到這一點呢?我們將LOGO和BANNER做的鮮亮一些,也就是色彩方面跟網頁的主題色分離開來。有時候為了更突出,也可以使用與主題色相反的顏色。

.......


查看全文 >>
2網頁界面設計規范
    目前流行的界面風格有三種方式:多窗體、單窗體以及資源管理器風格,無論那種風格,以下規則是應該被重視的。

    易用性按鈕名稱應該易懂,用詞準確,摒棄模棱兩可的字眼,要與同一界面上的其他按鈕易于區分,能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關的正確操作。

    易用性細則:完成相同或相近功能的按鈕用Frame框起來,常用按鈕要支持快捷方式。完成同一功能或任務的元素放在集中位置,減少鼠標移動的距離。

    按功能將界面劃分局域塊,用Frame框括起來,并要有功能說明或標題。界面要支持鍵盤自動瀏覽按鈕功能,即按Tab鍵的自動切換功能。界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。 

    同一界面上的控件數最好不要超過10個,多于10個時可以考慮使用分頁界面顯示。分頁界面要支持在頁面間的快捷切換,常用組合快捷鍵Ctrl+Tab。默認按鈕要支持Enter及選操作,即按Enter后自動執行默認按鈕對應操作。

.......


查看全文 >>
3網頁界面設計工具有哪些?
    Solidify允許用戶在模型、線框或者草圖中獲取原型圖。此外,你還可以快速地查看屏幕界面原型。如果在桌面、計算機或者手機上運行Solidify還能輕易地測試出項目原型。如果你沒有太多的時間花在這上面,你也可以共享給其他測試人員,隨時隨地獲取反饋意見。

    PowerMockup專為設計師準備的PowerMockup在創建PowerPoint時為線框提供模板。包含各式各樣的模板,包括菜單、表格、文本框、按鈕和標簽。當你在創建PPT時你可以輕易的將這些模板拖入使用。另外,用戶還能在庫中添加自己的條目,只需選擇PPT的外形,然后點擊“添加模板”標簽,一款自定義的模板即可輕松創建。

    Antetype當你創建大型的且連續性的項目時,Antetype是最佳選擇,這是因為它允許開發者創建一整套的構件庫。該構件庫可收集各小部件,在原型中方便易用。此外,每個小部件都有一定數量的定制和默認狀態可單獨或者同時進行編輯。因此用戶在編輯時無需使用不同的副本,Antetype可適應不同項目的需求。

    UXPin是為那些不擅長UX設計的開發者而開發的。經驗豐富的UX設計師為UXPin提供了一整套的完整的工具包。

    在UXPin上用戶可以為自己的項目找到所需要的模板。他們通過上傳UX和項目文件來獲取模板,比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。

    此外,用戶無需來回收發郵件,因為在這里任何項目都可在一起工作。UXPin旨在幫助項目經理開發適應任何一款分辨率和設備的響應式線框和原型。

.......


查看全文 >>
4網頁界面設計布局和分析
    豎排列表是最常用的布局之一。手機屏幕一般是列表豎屏顯示的,文字是橫屏顯示的,因此豎排列表可以包含比較多的信息。列表長度可以沒有限制,通過上下滑動可以查看更多內容。豎排列表在視覺上整齊美觀,用戶接受度很高,常用于并列元素的展示,包括目錄、分類、內容等。

    橫排方塊是把并列元素橫向顯示的一種布局。我們常見的工具欄,TAB,Coverflow 等都采用這種布局。受屏幕寬度限制,它可顯示的數量較少,但可通過左右滑動屏幕或點擊箭頭查看更多內容,不過這需要用戶進行主動探索。它比較適合元素數量較少的情形,當需要展示更多的內容適,豎排列表則是更優的選擇。

    九宮格是非常經典的設計,展示形式簡單明了,用戶接受度很廣。當元素數量固定不變為8、9、12、16時,則適合采用九宮格。雖然它有時候給人設計老套的感覺,不過它的一些變體目前比較流行,比如METRO風格,一行兩格的設計等。

    采用TAB可以減少界面跳轉的層級,可以將并列的信息通過橫向或豎向TAB來表現。與傳統的一級一級的架構方式對比,此種架構方式可以減少用戶的點擊次數,提高效率。當功能之間聯系密切,用戶需要頻繁在各功能之間進行頻繁時,TAB布局是首選。

.......


查看全文 >>
5網頁界面設計有什么技巧?
    一致性如果你可以在一個列表的項目上雙擊后能夠彈出對話框,那么應該在任何列表中雙擊都能彈出對話框。要有統一的字體寫號、統一的色調、統一的提示用詞、窗口在統一的位置、按鈕也在窗口的相同的位置。

    設置標準并遵循它可以參數一些工業標準,如IBM的界面設計規范或MS的設計規則,它提供了90%你所需要的規范。

    設置向導如果用戶使用了一個功能后,不知道如何做下一個,他們就會放棄。如果操作流程和手工工作流程一致,用戶就會努力去完成它。最好的方式來引導用戶就是在桌面上設置一個流程向導。

    提示信息必須容易理解并且口徑統一,比如“您輸入了錯誤的數據”、“用戶編碼不能超過8位”。一致的措詞,提示信息還應該出現在一致的位置,如彈出提示窗口、窗口的上方或窗口的下方。對用戶的稱呼應該統一,比如有時提示“用戶輸入了錯誤的數據”,有時提示“您輸入了錯誤的數據”,有時又提示“納稅人輸入了錯誤的數據”,這樣會使用戶無所適從。

    借鑒好的程序多了解同類軟件的界面,并加以分析與了解,直到能夠區別好的用戶界面與差的用戶界面。但不能夠機械的模仿別人的界面。

.......


查看全文 >>
UI設計方案
免費預約
相關知識
網頁生成靜態好處靜態網頁生成過程靜態網頁生成技術靜態網頁生成系統怎樣生成靜態網頁?動態網頁制作技術動態網頁制作教程動態網頁制作軟件動態網頁制作步驟動態網頁制作是什么?
浙江体彩20选5走势图 卖域名如何赚钱 做小生意卖小饰品赚钱吗 吉祥吉林麻将官方下载 杭州开教育机构赚钱吗 大唐棋牌麻将下载 支付宝如何赚钱给微信 微乐游戏南昌麻将 头条赚钱规则 快递行业赚钱 淘宝客怎么干赚钱 带女同事赚钱 生活相关的赚钱有哪些事 淘宝客以后怎么赚钱 父母都赚钱过年用给钱呢 gta5线上单人最赚钱 捕鸟达人破解版下载