表格快速操作技巧-tft每日頭條

表格快速操作技巧

圖文更新时间:2024-12-28 11:47:44

表格快速操作技巧（表格設計的六種打開方式）1

在設計數據類産品、後台配置産品時，PD 常常會指着一塊地方說「這兒放個表格，需要有balabala…」，而表格的結構不外乎這幾種類型：

垂直布局
水平布局
矩陣布局

表格快速操作技巧（表格設計的六種打開方式）2

水平布局：郵箱是一種典型的強調行的表格設計，它弱化了列的概念，閱讀信息的視覺流是從左到右，一條一條的閱讀信息。這種排列方式強調信息的連貫性，适合大量信息的浏覽。大多數的表格設計都屬于這種類型。

而垂直布局的表格比較講究行與行信息的對比，多數在數據統計中出現。

矩形布局的表格則是橫豎都有明确的分割線，區塊比較明顯。适用于列信息較多的情況下，沒有足夠的空間用來分割信息時。

對于像 CRM、數據後台類産品等，表格的目的是為了滿足用戶浏覽信息的需求。然而現實中的設計場景往往面臨了許多情況：信息量過大，信息量過少等。同時設計師需要在表格的設計中思考如何讓表格更易于閱讀、在視覺上更适合現在的設計趨勢。下面就主要從提升表格的閱讀效率的角度給出設計方法。

1、不要吝啬表格的行高，給頁面「喘氣」的空間

适宜的行高使得數據更易于被閱讀，但這不代表行高越大越利于閱讀，行高的大小應該是與字體成比例的，在單行文字的情況下表格間距一般在字符大小的三倍以内。

表格快速操作技巧（表格設計的六種打開方式）3

2、齊方式形成的引導線提升閱讀效率

表格内的信息縱向列對齊是能夠很好的形成視覺引導線，這樣的表格即使沒有分割線也能在視覺上起到很好的分割作用。

表格快速操作技巧（表格設計的六種打開方式）4

3、斑馬線明确區分信息組

表格快速操作技巧（表格設計的六種打開方式）5

4、在排序的方式上采取提示說明

表格快速操作技巧（表格設計的六種打開方式）6

上圖為一種最常見的表格排序方式，是默認為上下空心箭頭，上箭頭為升序，下箭頭為降序，這種排序方式的好處是比較節省空間，但是由于在使用中帶來的許多認知上的問題，多數網站對其進行了改造。

就如淘寶的價格排序，采用下拉選擇不同的排序方式，反饋的信息更直接有效，減少反複操作的次數。

5、區分信息獲取的優先級，通過下拉表格顯示過多信息

對用戶閱讀信息的行為方式進行分析提煉出常被閱覽的信息，區分優先級，對整體信息進行聚類排放，這樣做的好處是隐藏不必要指标，減少幹擾，對用戶的使用情景進行判斷從而根據不同的情景下提供相應的信息。

6、信息卡片化

在信息量較少或特别多的情況下可以盡量不用表格，用卡片的形式來展示信息，将信息以組的概念呈現，單獨卡片内的内容可看做一個小組根據視覺的優先級進行排列，不受外部排列方式的影響，組内的信息關系更緊密。卡片與卡片間又形成一個整體，不影響組與組之間的聯系，如下圖的卡片方式。

表格快速操作技巧（表格設計的六種打開方式）7

作者：望殊

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

圖文婚外情怎麼一點一點放下
一時的躁動不安，一陣的癡心妄想，一次的欲望湧動。能讓人回味無窮，也可以讓一個人萬劫不複。感情暗流洶湧，比起大張旗鼓的愛戀更加讓人放不開。不僅是因為它更能撩動人的心扉，也因為它讓人浮想聯翩，得不到的、見不得人的才讓人難舍難離！其實，大多數婚外... 2022-10-30
圖文美國頁岩油氣回報不佳
美國頁岩油氣回報不佳?2月6日市場消息稱，荷蘭皇家殼牌石油公司(RDS.A.US)計劃将在頁岩鑽探項目上投入數十億美元去年12月份，美國最大頁岩氣田的日産量提高至25萬桶，現在小編就來說說關于美國頁岩油氣回報不佳?下面内容希望能幫助到你，我... 2022-10-06
圖文火影動漫角色人氣排行
大家好，我是小蜘蛛。日本動漫是陪伴諸多動漫迷的童年，很多作品已經成為回憶，如《龍珠》、《火影忍者》、《死神》等現象級的漫畫作品。當然，除了這些老牌的漫畫外，近些年火爆的《鬼滅之刃》也是相當給力，這也讓不少動漫迷産生了一個興趣，表示這些大火的... 2022-11-08
圖文今日表情包精選
人啊，總是在不能想的時候去想一些事，但是你應該知道。不，不啊，你不想！永遠提醒自己，不，你不想。, 2022-11-08
圖文諾蘭大神的十部電影
諾蘭大神的十部電影?1、《信條》；諾蘭基本上是電影科幻片獨樹一幟的存在了從來不爆米花的他，每部電影都像拿着一捆書敲觀衆的頭讓你學習在我以為電影界的時間把戲已然江郎才盡的時刻，諾蘭還在繼續他的高智商時空戲法，且基本可以完成邏輯自洽，最後還包含... 2022-10-15
圖文老人得過腦梗能拔牙嗎
文/金羊網記者豐西西通訊員李楠80歲的陳老太長期定居美國，前段時間回廣東開平探親，因牙痛難忍便把松動的牙齒拔掉。不料，拔牙後，陳老太竟出現了肢體無力、意識障礙等症狀。幸好送院及時，目前陳老太病情已得到控制。牙疼難忍，拔牙後突發腦梗原來，陳老... 2023-03-29
圖文李世民對死亡的認識
（蝸牛看西遊第976期）文/牽着蝸牛散步一愛看西遊記的朋友都知道，唐太宗李世民因為泾河龍王事件，被閻王召到地府當面對質，李世民怕一去不複返，宰相魏征告訴他：放心吧，老大，我在地獄有一個鐵哥們，他叫崔判官，有他罩着你，肯定沒問題。李世民隻得跌... 2022-11-02
圖文浪潮校企合作學費
8月30日，無錫城市職業技術學院和無錫市信息化協會十餘家會員單位聯合召開了“訪企拓崗校企合作”主題交流會，旨在進一步貫徹落實教育部“訪企拓崗促就業專項行動”要求，搭建校企合作平台，拓寬學生就業渠道。浪潮卓數總經理徐宏偉、浪潮卓數（北京）大數... 2022-10-24
圖文拔牙後第一天注意什麼
保持手術區穩定：拔牙後，原來牙根的位置成為空腔，局部出血會形成凝血塊，保護拔牙後的創口，有助于止血，後期能促進粘膜封閉拔牙創口，引導颌骨生長修複骨缺損。凝血塊從手術後開始形成，需要24小時左右才能維持穩定。任何對傷口的刺激都有可能導緻凝血塊... 2022-11-12
圖文自媒體百家号旗下有哪些平台
互聯網賺錢歸結起來，有寫作（不含自媒體）、自媒體、推廣、内容電商等多種類型。當前主流的自媒體平台有：百家号、頭條号、企鵝号、網易号、大魚号、搜狐号、趣頭條、東方号、惠頭條等，惠頭條收益太低，暫不做介紹，另外，一點号、鳳凰号（大風号）等開通收... 2022-12-31
圖文繡眉的正确的手法與技巧
繡眉的正确的手法與技巧?想讓繡眉的效果更好，大家最好在适當的時候去繡眉，到底什麼季節繡眉最好，本期會告訴你答案，還有詳細的繡眉過程分享給你哦，接下來我們就來聊聊關于繡眉的正确的手法與技巧?以下内容大家不妨參考一二希望能幫到您!繡眉的正确的手... 2022-10-13
圖文刷酸用什麼水乳保濕
美容護膚裡經常聽到“刷酸”這個詞，其實它就是小仙女們所用的祛痘去閉口的精華，因為成分中主要是各種酸在起作用，所以叫做【刷酸】。其實嚴格來說，除非有很嚴重痘痘或者閉口的姑娘，才需要用到這種産品來治療外，其他姑娘們，尤其是敏肌的寶貝，還是需要慎... 2022-10-27
圖文孕酮低吃什麼可以補充黃體酮
黃體酮對女性來說是非常重要的，但身體缺乏黃體酮不僅會影響到月經，還會影響女性受孕，所以當體内缺乏黃體酮的時候，平時可以多喝些豆漿，豆漿能補充身體需要的異黃酮，也可以調節體内激素水平，同時也可以提高孕酮，黃體酮偏少吃什麼食物好？1、豆漿：很多... 2022-11-09
圖文有關友誼的詩詞名句帶翻譯
【名篇名句】名言名句分類整理，詩中友誼名言名句分類整理詩中友誼1、與君離别意，同是宦遊人。海内存知己，天涯若比鄰。(王勃《送杜少府之任蜀州》)2、又送王孫去，萋萋滿别情。(李白《送友人》)3、春草明年綠，王孫歸不歸?(白居易《賦得古原草送别... 2022-12-03
圖文敷面膜正确打開方式
敷面膜正确打開方式?很多妹紙都知道晚上睡覺前是敷面膜的最佳時間因為人體的新城代謝在夜晚是處于一整天的低谷狀态，然而細胞的生長和修複活動卻是在這個時間段最為旺盛，所以皮膚對營養物質的吸收也會有所加強選擇晚上做面膜，有助于面膜中營養成分的吸收，... 2022-10-13
圖文小孩好動注意力不集中缺什麼
#益陽市中心醫院##益陽頭條#暑假來臨，家有多動坐不住的孩子，你是否還在為輔導孩子暑假作業“血壓飙升”？孩子是不是一坐到書桌旁就開始做小動作？一個小時的作業三個小時也完成不了？做作業、做事情常常丢三落四？……這些很可能不是單純地“調皮”... 2022-11-13
圖文三高巧克力适合什麼人吃
三高巧克力适合什麼人吃?我們都知道對于患有糖尿病的患者來說，在日常生活中的飲食有很多的禁忌事項，患者就要科學安排自己的飲食啊，學會忌口，才能夠幫助自己更好的控制病情，但是很多患者都不知道應該具體去哪些食物？所以我們今天就來總結一下，糖尿病患... 2022-10-15
圖文自來水繳費點
自來水繳費點?來源：邯鄲日報-邯鄲新聞網為進一步方便百姓生活，讓市民足不出戶即可辦理供水相關業務，近日，市自來水公司“邯鄲水司”微信公衆号“掌上營業廳”正式上線運行，用戶可根據實際需求，進行線上辦理，真正實現供水業務辦理零跑腿，接下來我們就... 2022-10-15
圖文含不食之勞的四字成語大全
含不食之勞的四字成語大全?成語：怏(yànɡ)怏(yànɡ)不(bù)樂(lè)，下面我們就來聊聊關于含不食之勞的四字成語大全?接下來我們就一起去了解一下吧!含不食之勞的四字成語大全成語：怏(yànɡ)怏(yànɡ)不(bù)樂(lè)釋義... 2022-11-22
圖文黑執事動漫版塞巴斯蒂眼睛
黑執事動漫版塞巴斯蒂眼睛?，我來為大家科普一下關于黑執事動漫版塞巴斯蒂眼睛?以下内容希望對你有幫助!黑執事動漫版塞巴斯蒂眼睛, 2022-11-04
圖文交互式動态圖表制作方法
在日常工作中，經常用到的圖表都是靜态圖表，即數據一旦确定，圖表的數據系列組合也就随之固定，如果要改變圖表數據，就隻能添加或删除數據。但是在實際工作中，會經常需要分析多數據和多維度的财務數據，此時就需要使用動态圖表。與普通的靜态圖表相比，其能... 2022-11-13
圖文樓蘭古國經曆了什麼
樓蘭古國的名氣很大，以至于很多探險者去那裡探險，時至今日還有很多人知道樓蘭古國。但是，後來樓蘭古國的國名改了，叫做鄯善國。那麼，樓蘭為啥改名為鄯善呢？（樓蘭舊址）樓蘭古國，是古絲綢之路上的一個小國，位于羅布泊西部，處于西域的樞紐，王國的範圍... 2022-11-17
圖文單詞拼讀帶音标
一、音标[ʒ]瘋狂外号：“舌端齒龈氣擦音”。usually通常地pleasure愉快decision決心measure測量實際操練：1.I’msureyou’llmaketherightdecision.我相信你會做出正确的決定。2.Ita... 2022-12-21
圖文 sos修護霜用法
SOS急救精華，敏感肌的救星——法國艾璐卡賦活煥顔修護精華皮膚問題一直是女性受困擾的頭号難題，尤其是敏感和痘痘這類問題肌，不能随意使用護膚品，也不知如何選擇最适合自己的護膚品，導緻肌膚問題愈發嚴重。艾璐卡賦活煥顔修護精華，也稱SOS急救精華... 2022-10-28
圖文 win7兼容性設置在哪裡
1、右擊有問題的軟件的圖标(注意不是快捷方式)，選擇菜單中的“兼容性疑難解答”;2、系統就會自動檢測問題，稍等片刻3、檢測完畢後，選擇“嘗試建議的設置”4、點擊“啟動程序”來測試該軟件兼容性，點擊下一步;5、如果沒問題選擇“是，為此程序保存... 2022-11-08
圖文努比亞z17mini深度測評
【天極網手機頻道】雖然說在智能手機時代，屏幕大小會直接決定用戶的使用體驗，不過并不是屏幕越大使用體驗越好，如果屏幕太大，操作的方便性也會下降不少。很多用戶喜歡5寸左右的手機，因為它可以擁有更好的握持感，單手操作也更加方便。作為非常重視用戶體... 2023-01-07
圖文 b站年度大會員和超級大會員的區别
b站年度大會員和超級大會員的區别?IT之家6月25日消息，B站“電視大會員”近日改名為了“超級大會員”，可在TV/電腦/手機/iPad上使用，價格為35元/月，下面我們就來聊聊關于b站年度大會員和超級大會員的區别?接下來我們就一起去了解一下... 2022-10-13
圖文哈利波特中細思極虐的故事
在死亡聖器中霍格沃茨之戰後，哈利波特世界各種故事依舊發生着。羅琳大嬸在詛咒之子舞台劇上演之後，讓粉絲們終于可以見到大戰之後主要角色們都做了些什麼。1、赫敏完成了霍格沃茨學業，哈利和羅恩沒有；大戰之後，哈利因為飽受關注而無法安心完成學業，不過... 2022-11-26
圖文我的父親資料
我的父親資料?大家好，我是香水梨兒，今天是我來頭條的第120天，感謝大家一如既往的關注感謝大家的鼓勵和支持，今天小編就來聊一聊關于我的父親資料?接下來我們就一起去研究一下吧!我的父親資料大家好，我是香水梨兒，今天是我來頭條的第120天，感謝... 2022-11-20
圖文獻血冷知識
今早上班，阿姨搞完衛生走過來說外面有獻血的哦，你們可以去。我想了想，從來沒獻過血的我其實一直有顆蠢蠢欲動的獻血心，想了想包裡正好有帶身份證，直接走到外面去做各項檢測了，經過十幾分鐘的檢測合格了，撸起袖子抽吧其實快速做了這個決定，是我的同事推... 2022-11-01

tft每日頭條

> 圖文

> 表格快速操作技巧