91免费版在线观看视频导航网站,日本一区二区三区福利视频免费,中文字字幕在线乱中文无码,国区一二三亚洲成人电影

推廣 熱搜: 視頻會議  服務器  IBM  交換機  思科  軟件  磁盤陣列  MCU  投影機  CAB 

UI用戶界面中的表格設計

點擊圖片查看原圖
  • 發布日期:2020-07-14 19:03
  • 有效期至:長期有效
  • 服務區域:北京
  • 瀏覽次數71
  • 留言咨詢
詳細說明
 表格,是一種最常見的信息組織整理手段,常用于信息收集、展示、數據分析、歸納整理。

 

UI軟件設計中最常用、最基本的是表格的設計,有些軟件中80%都是表格類頁面,可以說,設計開發的是否易用,很影響口碑和用戶的使用感受。基礎的東西一定要做好,就像我們吃的主食一樣,雖然都是米和面,但是各地出產各種品種口味都不相同,要根據食客的喜好選擇、烹飪。今天就聊一聊最基礎的表格設計、變化和常見問題。

 

一、基礎的表格設計美化

 

基礎的表格可變化的地方很少,可以根據當前軟件開發選擇的框架控件(ext/vue/jequery不同框架會有一些不一樣)做色彩和風格的變化,如:加表格不同粗細的線、斑馬格,中間無豎線種種的設計,有的表格需要標題很突出,有的內文突出,這就和內容焦點相關了。

 

為了操作直觀便捷,在操作區放一些圖標刪除、編輯、審核,配合文字來使用,有的把操作類的圖標放在最左邊,有的放在最右側,按行業用戶習慣而定。

 

可以用固定表頭(標題位置不變),允許用戶排序,單元格內有很長的文字,設定最大字節,多內容用……替代避免轉行,有小數點的數字右對齊,每列的大小可調整,這些也是設計開發中可以做好的細節部分。

 

二、特別寬的表格怎么設計?

 

有的表格的寬度,達到了屏幕的兩屏和三屏,出現寬寬的橫向滾動條,又有長長的豎向滾動條,但工作的人又必須看,可煩人了!很多軟件都因為這個原因被吐槽。下面就介紹三種方法解決這個問題:

 

方法一

 

如果表格的標題是可以定制的,允許省略的,可以從業務角度取舍去掉無關緊要的,不常用的內容,把這部分放在點開的詳細頁內容中即可。這就像一個房間的斷舍離:挑選、丟棄、分類、收納,思考哪些物品是不要的,哪些是必不可少的?哪些是可有可無的?依次排序放在順手的位置,ui設計的道理也是相通的。

 

方法二

 

如果表格里面的內容是確定的,不可省略的,比如銀行的報表就是這么長,這么多,那我們就可以從設計的角度來優化,做一個加高版的表格。

 

表格為什么一組信息只能一行呢?完全可以一組三行四行,在組中進行重點信息,非重點信息以及符號化的直觀轉變。用大小、對比、濃淡、色彩、間隔這些平面設計的基本原則,讓一個普通的山里娃土土的表格變成一個青春靚麗、人見人愛自帶明星氣質的表格。

 

方法三

 

大表格里面嵌套小表格,利用交互設計,巧安排空間。當用戶光標移至感興趣的那行的時候,關于它更多的內容,在下方滑動撐開出現或者右邊浮動出現。這個方式雖然比較土,但也確實管用。早年在看某一招聘網站的時候,每一個人的簡歷只要點名字就可以看到一組關鍵信息,便于迅速篩選,而另外一個招聘網站,就沒有這個功能,每個人都要打開之后才能看見整體信息,我后來就不怎么看那個網站了。多一步操作,對典型用戶就多了許多的工作量,網站和軟件的使用口碑,用戶粘度就是這樣在為用戶考慮中一點一點積累起來的。

 

方法不會只有這三種,其他的方法要根據當時的業務,用戶使用的習慣、重點,因地制宜的去設計了。軟件中的表格節省了許多程序工程師的工作量,如果做大的改動或許是巨大的工作量,如果要做變動,一定要在開始的時候就要讓ui設計納入開發體系,一生二,二生三,在前期第一批實施時越注重細節,后期就會越輕松,甚至省去幾倍甚至幾十倍的時間挨個頁面的去糾偏、修改。

 

一個系統總是需要業務擔當,顏值擔當的核心部分,重要的頁面要額外的對待、花更多的精力和時間。如果千篇一律,也就不能顯示出軟件產品的獨到之處了。

聯系方式
 
該企業最新服務
?
網站首頁  |  付款方式  |  版權隱私  |  使用協議  |  聯系方式  |  關于我們  |  網站地圖  |  排名推廣  |  廣告服務  |  RSS訂閱  |  違規舉報  |  京ICP備11008917號-2  |