教育行業A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

什么是UI網頁設計?網頁結構分析和網頁分類

更新時間:2021年12月01日11時21分 來源:傳智教育 瀏覽次數:

網頁UI設計講究的是排版布局和視覺效果,其目的是給用戶提供一種布局合理、 視覺效果突出、功能強大、使用便捷的界面。網頁UI設計以互聯網為載體,以互聯網技術和數字交交互技術為基礎,依照客戶與消費者的需求,設計以商業宣傳為目的的網頁,同時遵循設計美感,實現商業目的與功能的統一。

網頁UI設計

網頁結構分析

雖然網頁的表現形式千變萬化,但大部分網頁的基本結構都是相同的,主要包含引導欄、header、導航、Banner、內容區域、版權信息等模塊。

(1)引導欄位于界面的頂部,通常用來放置客服電話、幫助中心、注冊和登錄等信息,高度一般為35~50像素。

(2)header位于引導欄正下方,主要放置企業logo等內容信息。高度一般為80~100像素。但是目前的流行趨勢是將header和導航合并放置在一起,高度為85~130像素。

(3)導航欄高度一般為內容字體的2倍或2.5倍,高度一般為40-60像素。

(4)Banner高度通常為300~500像素。

(5)內容區和版權信息高度不限,可根據內容信息進行調整。


網頁分類

根據網站的內容,網頁可大致分類為首頁、詳情頁和列表頁三種類型。

1.首頁

首頁作為網站的門面,是給予用戶第一-印象的核心頁面,也是呈現品牌形象的窗口,能更直觀地展示企業的產品和服務,首頁設計需要貼近企業文化,有鮮明的特色。由于行業特性的差別,網站需要根據自身行業選擇適當的表現形式。


2.詳情頁

大部分網站主要從公司介紹、產品、服務等方面進行宣傳,而整體布局需要使用戶操作更加方便、快捷,所以在布局上僅僅是內容區域的變化,其余保持不變。整個網站中,詳情頁作為二級頁面要與首頁的色彩風格一致,頁面中同一元素也要與其他頁面保持一致。


3.列表頁

列表頁主要用于展示產品和相關信息,該頁展示了比首頁更多的產品信息,還可以對產品信息進行初步的篩選。列表頁應該使用戶快速了解該網站產品信息并能誘惑用戶點擊,設計時要注意在有限的頁面空間中合理安排文字,傳達的信息量充足,并使產品內容信息突出。



猜你喜歡:

什么是UI設計?

2021年UI設計發展新趨勢,你Get到了嗎?

UI設計要素有哪些?詳細介紹設計風格和色彩搭配

什么是UI設計?UI設計的發展歷史

UI設計師如何從數據中發現問題調整設計助力產品增長?

傳智教育UI設計培訓課程

0 分享到:
美女裸体无遮挡扒开尿囗,高冷男受用钢笔玩自己动漫,我妽让我满足她,9420高清完整版在线观看