中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁(yè) > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > 設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū)
標(biāo)簽水平右對(duì)齊更適合中文網(wǎng)站 回到列表 設(shè)計(jì)良好網(wǎng)頁(yè)的4項(xiàng)原則
 設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū)

作者:波希米亞 時(shí)間: 2009-04-27 文檔類型:原創(chuàng) 來(lái)自:b3inside.com

第 1 頁(yè) 設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū) [1]
第 2 頁(yè) 設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū) [2]

重讀LukeW的《Web Form Design:Filling in the Blanks》感觸很深,除佩服LukeW的鉆研精神外,更多的是學(xué)習(xí)他對(duì)設(shè)計(jì)細(xì)節(jié)的執(zhí)著和理解。我把對(duì)本書(shū)的理解,與工作生活中遇到的實(shí)際問(wèn)題結(jié)合起來(lái),作為今后設(shè)計(jì)工作的指導(dǎo)和規(guī)范。

有一些元素,看著很簡(jiǎn)單,設(shè)計(jì)起來(lái)卻很頭疼。往往這樣的元素都具有一個(gè)共同的特點(diǎn)——變化多,表單的設(shè)計(jì)就是如此。你說(shuō)見(jiàn)過(guò)20、30種以上不同的表單,我并不驚訝,產(chǎn)品需求、風(fēng)格不同,必然五花八門。當(dāng)然,換了設(shè)計(jì)師,表單的樣式也可能會(huì)不同。然而,不能讓這種情況繼續(xù)下去,表單不是藝術(shù)展。不要讓你的才華阻礙了別人的前進(jìn)。

表單就是一扇門

古有大禹,三過(guò)家門而不入;今有用戶,看到表單犯糊涂。難道大禹遇到的是這樣的門?

表單,尤其是注冊(cè)表單,就像一扇門,穿過(guò)他才能看到完整的產(chǎn)品。所以千萬(wàn)別做這種門,自己費(fèi)事不說(shuō),用戶也不會(huì)買賬。這個(gè)設(shè)計(jì)最糟糕之處,就在于它有悖常理。好的設(shè)計(jì)應(yīng)當(dāng)遵循于其自然規(guī)律,這樣一來(lái)符合人們預(yù)期,使用起來(lái)也就順暢。

表單中標(biāo)簽與輸入?yún)^(qū)的4種對(duì)齊方式
  • 標(biāo)簽垂直頂對(duì)齊
  • 標(biāo)簽水平右對(duì)齊
  • 標(biāo)簽水平左對(duì)齊
  • 標(biāo)簽在輸入?yún)^(qū)內(nèi)部

《Web Form Design》一書(shū)中對(duì)標(biāo)簽和輸入?yún)^(qū)組合進(jìn)行了一些研究,我整理了一份數(shù)據(jù)比較的表格:

數(shù)據(jù)對(duì)比表格

標(biāo)簽垂直頂對(duì)齊

標(biāo)簽和輸入?yún)^(qū)垂直依次排列,從而降低了對(duì)頁(yè)面寬度的要求。如果你的頁(yè)面沒(méi)有富裕的空間用于標(biāo)簽和輸入?yún)^(qū)的橫向排列,這種組合是個(gè)不錯(cuò)的選擇。

標(biāo)簽垂直頂對(duì)齊

眼動(dòng)軌跡表明,用戶自上而下的掃描表單,焦點(diǎn)多集中在左側(cè)一列,且跳動(dòng)較小。

頂對(duì)齊的眼動(dòng)軌跡

出處:b3inside.com
責(zé)任編輯:bluehearts

上一頁(yè) 下一頁(yè) 設(shè)計(jì)表單的標(biāo)簽和輸入?yún)^(qū) [2]

相關(guān)文章 更多相關(guān)鏈接
標(biāo)簽水平右對(duì)齊更適合中文網(wǎng)站
漫談?dòng)脩趔w驗(yàn)實(shí)際價(jià)值
成功的用戶界面的八個(gè)特性
關(guān)于上傳
tab(標(biāo)簽)在使用時(shí)的禁忌
作者文章 更多作者文章
標(biāo)簽水平右對(duì)齊更適合中文網(wǎng)站
地圖網(wǎng)站的需求功能與體驗(yàn)
春之韻
50mm初掃美術(shù)館
頭頂?shù)乃寄?/a>
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開(kāi)啟
國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國(guó)國(guó)防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問(wèn)題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國(guó)外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡(jiǎn)約而不簡(jiǎn)單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁(yè) 首頁(yè) 前頁(yè) 后頁(yè) 尾頁(yè) 頁(yè)次:1/2頁(yè) 1個(gè)記錄/頁(yè) 轉(zhuǎn)到 頁(yè) 共2個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來(lái)自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來(lái)自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說(shuō)明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無(wú)關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書(shū)推薦 更多內(nèi)容
網(wǎng)站可用性測(cè)試及優(yōu)化指南
《寫給大家看的色彩書(shū)1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開(kāi)發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開(kāi)發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2