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