不平凡軟件,始于2014
鄭州做網站:網頁設計中,表單作用與樣式
商業離不開數據,而數據總會依賴不同的表現形式,不管是word文檔,還是數據可視化,都是瀏覽者通過表現形式來對數據進行閱讀和分析,因此表單的設計就是一種表現形式,我們將捋一捋如何通過表單更好的讓用戶閱讀順暢、操作方便、總而言之就是更好用啦。
一、表單信息的分割方式
1.無線分割:顧名思義,列表的信息之間正常情況下沒有分割線等方法來分隔,僅僅是用間距來分隔開內容。好處是元素更少,畫面更簡潔,但是視覺可能就沒那么清晰了,使用的出場率一般。
2.有線分割:同樣字面意思,就是通過簡單的分割線來分割列表中的信息,讓視線左右移動的時候更加穩定、輕松,在表單設計中使用的出場率非常高。
3.斑馬線:通過深淺交替的色塊,以及色塊產生的對比來分隔列表中的信息,深淺深淺的循環就好像斑馬線,使用時是通過色塊產生對比,所以也可以使用帶有適量飽和度的色塊來區分,占頁面面積比例較大,適當用色可以使得畫面更加活潑、豐滿,斑馬線也是出場率極高的一種展現形式。
4.斑馬線+分割線:很容易理解,就是斑馬線風格+分割線的結合,用色塊區分的同時又加了分割線,信息之間的區分對比更加強烈,但是畫面層級就多了一些,沒有其他的看起來簡潔,使用出場率也一般。
二、表單的表現形式:
1.卡片式:跟卡片式風格其他設計一樣,分別用懸浮的色塊來區分,間隔的地方是背景色,分隔的力度比較強,內容區分的很清晰,弊端是更加占畫面的位置,尤其在信息很多列的時候,會增加大量的高度,用戶需要更多時間進行下翻的操作。使用出場率相對其他形式來說稍低。
2.列表+可視化
場景:用戶需要瀏覽大量的數據,并需要對數據反復進行計算、分析。在使用大量的文字列表展示數據的同時,使用數據可視化加以配合,用戶可以更好的預覽到數據的大致情況,又可以在列表表單中閱讀到詳細的數據。
3.篩選過濾
場景:從一大堆混雜的數據當中,尋找符合條件的自己所需要的數據。添加篩選功能,過濾掉自己不想瀏覽的內容,通過條件篩選,更快的更精確的找到自己想要的內容、縮小查找范圍、減少達到目的所花的時間。一般通過下拉按鈕的形式選擇不同的條件來進行篩選過濾。
4.關鍵字搜索
場景:已知列表中某信息的名稱關鍵字,想從大量混雜的列表中快速找到。跟篩選過濾一樣,添加關鍵字搜索功能,用戶提供部分關鍵字,可通過關鍵字查詢,最快最精確的找到想要的那一條內容。一般該目標內容是用戶已知的,有時候是針對性的。
5.可展開列表
場景:想快速獲取列表中某信息的其他附屬內容。點擊某一行后,展現該行的一些附屬信息。可以不用跳轉頁面而進一步了解該行信息的詳情。
由此可見,就一個網頁表單的設計都有這么多樣式。可想而知,網站的全部制作是有多么的復雜。然而很多客戶并不理解我們設計師的工作,還要求一改再改。
不平凡軟件,鄭州軟件開發公司,鄭州軟件開發,鄭州軟件定制,鄭州微信開發,鄭州進銷存定制開發,鄭州OA系統開發,鄭州軟件開發公司
相關新聞換一組