建站常識(shí)
標(biāo)簽水平右對(duì)齊更適合中文網(wǎng)站
2009-04-30 16:32:00
找了國(guó)內(nèi)30個(gè)比較著名的網(wǎng)站的注冊(cè)表單做樣本,對(duì)標(biāo)簽和輸入?yún)^(qū)對(duì)齊方式做了統(tǒng)計(jì),得到了一個(gè)結(jié)論:標(biāo)簽水平右對(duì)齊更適合中文網(wǎng)站,或者說(shuō)右對(duì)齊更適合中文的表現(xiàn)。設(shè)計(jì)師們閑下來(lái)后最大的喜好莫過(guò)于看看國(guó)外網(wǎng)站的流行趨勢(shì),感嘆一下這個(gè)精致,那個(gè)大氣,然后就開(kāi)始往自己的設(shè)計(jì)里融入新元素。
不過(guò)想必大家都遇到過(guò)同樣的情況,“用英文咋看咋漂亮,一換中文那種味道就表現(xiàn)不出來(lái)了…”。其一,因?yàn)橹形氖欠綁K字,一行看上去很平;而英文有大小寫(xiě)之分,且詞與詞之間有間隔,看上去有韻律。其二,可用在網(wǎng)頁(yè)中的中文字體太少,宋體、雅黑,用別的字體一來(lái)看著不習(xí)慣;二來(lái)不一定誰(shuí)機(jī)器里都有那個(gè)字體;三來(lái)中文字體太大,動(dòng)則就幾十兆,不便于加載。
綜上,中文網(wǎng)站中的文字運(yùn)用要更考究。在注冊(cè)表單中,水平右對(duì)齊已成為公認(rèn)的方案,從統(tǒng)計(jì)中可以很直觀的看到:
如果你已經(jīng)讀過(guò)之前一篇關(guān)于《設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū)》的文章,應(yīng)該對(duì)什么是標(biāo)簽“垂直頂對(duì)齊”,“水平右對(duì)齊”和“水平做對(duì)齊”有一定認(rèn)識(shí)了。LukeW的書(shū)中列舉的都是國(guó)外的例子,在《設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū)》的回復(fù)中也有朋友提到在中文網(wǎng)頁(yè)中的表現(xiàn)情況,比如“垂直頂對(duì)齊”比較少見(jiàn)等,對(duì)于我們常見(jiàn)的網(wǎng)頁(yè)來(lái)說(shuō),確實(shí)很少,在 我的30個(gè)樣本 中,只有百度的注冊(cè)表單采用“垂直頂對(duì)齊”:
采用“水平左對(duì)齊”的也比較少,只有3個(gè):谷歌、土豆和CCTV。其余26個(gè)都采用的“水平右對(duì)齊”,而其中盛大通行證的注冊(cè)表單就很帶有“中國(guó)特色”,用空格填充,讓2個(gè)字的標(biāo)簽與4個(gè)字等寬:
要把中文網(wǎng)站設(shè)計(jì)得美觀漂亮,除了借鑒一些科學(xué)的方法外,更要考慮中文元素的特點(diǎn)。不然就像用人頭馬的瓶子裝陳醋,看著好,品著怪。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-08-09 17:18:00] 模塊標(biāo)簽(Module Tabs)_Yahoo_Pattern(翻譯)
- [2010-08-11 14:58:00] 導(dǎo)航標(biāo)簽(navigation Tabs)_Yahoo_Pattern(翻譯)
- [2007-03-07 14:32:00] Robots Meta標(biāo)簽及其用法
- [2009-11-13 14:19:00] 《Web信息架構(gòu)》-標(biāo)簽系統(tǒng)
- [2009-04-27 14:49:00] 設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū)
- [2006-03-27 11:55:00] 廢物還是寶物 談IFRAME標(biāo)簽的使用
- [2007-07-26 17:20:00] 重新認(rèn)識(shí)button標(biāo)簽
- [2010-12-15 08:37:00] 說(shuō)說(shuō)web標(biāo)簽設(shè)計(jì)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
扁平化設(shè)計(jì) 頁(yè)面設(shè)計(jì) 青島網(wǎng)站案例 集團(tuán)公司網(wǎng)站建設(shè) 如何做網(wǎng)站優(yōu)化 蘋(píng)果系統(tǒng) 英文網(wǎng)站建設(shè) 網(wǎng)站視覺(jué) 網(wǎng)站開(kāi)發(fā) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 手機(jī)端的網(wǎng)站 審美 網(wǎng)站規(guī)劃 集團(tuán)官網(wǎng) 海信網(wǎng)絡(luò)科技 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站建設(shè)的步驟有哪些 程序開(kāi)發(fā) 營(yíng)銷(xiāo)型網(wǎng)站 網(wǎng)站設(shè)計(jì)資訊 營(yíng)銷(xiāo)策略 互聯(lián)網(wǎng) 視覺(jué)靈感 微網(wǎng)站 企業(yè)網(wǎng)站設(shè)計(jì) 青島抖音小程序開(kāi)發(fā) 微官網(wǎng) 網(wǎng)站推廣 網(wǎng)站優(yōu)化 網(wǎng)站策劃