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