在設計b端表格過程中，單元格是組成表格的最小單位，在確定了表格的內容后，同一行中單元格的寬度，我們應該怎樣去確定呢？
首先，在確定單元格的寬度之前，第一步需要對所有的字段類型進行最小寬度的設定，防止后期設計過程中有的單元格寬度不夠顯示當前內容。通常情況下，最小的寬度是根據“表格字段”所需要展示的內容的寬度來決定的，根據字段內容（比如“手機號”這個字段，所需要最小寬度就是11位數字的寬度）的數量，所占的寬度也不盡相同。
地址字段：地址字段是b端設計中產品表格最常見得一種，由于地址屬于非常不可控的一種字段，所以地址字段單元格寬度的長短會有很大的差距。
名稱字段：目前常見的展示方式有三種類型：純文字（只用文字表達，比如：張三、柯鎮惡、飛天大盜，長度上會有所不同）、頭像文字（在純文字的基礎上，在左邊增加一個頭像，與文字一起使用，整體寬度由文字部分決定）、純頭像（與文字類型相反，只使用頭像，整體寬度一致）。在使用時要根據整體表格的情況再決定使用哪種類型的名稱字段
日期時間字段：日期時間是一個典型的可控的字段，格式相對固定，所以其寬度能夠精確掌握，能夠進行創新的地方只有排列順序和分割符（因為數字本身的原因，在相同字號下會顯得比漢字更小一些，比如三、3，所以我們在設計中可以將數字的大小上調兩個單位，就變成了這樣三、3.整體看上去就顯得同一了）。
通過以上三種例子，想必大家都能看明白了，字段的寬度無非就是幾種情況，通常情況下，在我們進行設計時也會對內容需要的寬度能有個大概的預判，也就有一定的了解基礎，而我們將字段寬度梳理出來并進行記錄，這樣做在后面開發中實現會很有用
下一篇： 五種方法，搞定移動端長表單設計
關鍵詞:
