<span id="prz35"><i id="prz35"></i></span>

<noframes id="prz35"><form id="prz35"></form>
      <noframes id="prz35">
      <noframes id="prz35">
      <form id="prz35"></form>

          028-85954568

          網頁設計中表單如何設計-網站建設分享

          不知道在網站建設中大家對于表單設計的一些感悟是什么,是不是覺得很簡單啊,就是一些相關的文本框,讓其擺列整齊不亂就可以了呢?這里網站建設-耍耍網絡科技就來說說關于表單設計其實也是有講究的,再說如何設計表單先我們先來看看什么是好的表單吧,網站設計師李先生為我們是這樣描述的:(先撇開交互和產品,若加上這兩點,那有的說了)1. 能夠清晰傳遞表單信息并使用戶快速輕松完成;2. 對于整站而言,能夠樣式統一減少用戶學習成本;3. 方便調整,與維護,具有較高的可持續性。

          表單是由各獨控件按照需求邏輯組合而成,將每種獨立控件嚴格定義樣式,再通過統一的定位規則將其組合。保證樣式極高統一,便于開發維護和延展,提高用戶可操作性,希望通過調整可提高表單的完成率,也就是最終目的。樣式中為了更加清楚的描述,下面會將表格的組成部分按照從屬邏輯關系分為 F1、F2、F3。

          F1 為整個表單部分;

          1. 表單位置寬度得按照柵格嚴格執行,(30+10)*N    (柵格規范事先確定,整站統一)
          2. 表單頁面根據表單寬度定表單位置
             1000寬度,表格部分為25格,表單左側留5格(包含左側標簽部分),右側留3格  中間自適應 (如下圖)
             800寬度,表格部分為20格,表單左側留4格(包含左側標簽部分),右側留兩格 ,中間自適應


          F2 為整個表單中的一級分類; 
          1. 表單中的文字規范,字號 12px ,行高18px ,段高24px,(顏色等規范與整站的文字規范保持一致);
          2. 單行高度為40px ,上下板塊間距10px(視實際邏輯定);
          3. 對齊方式為中對齊,間距10px;
          4. 表單高度26px,長度按照實際需要,并按照柵格對齊,保證相同表單在不同頁面保持一致;
          5. 輸入框中提示文字 12px 宋體/Arial, #888;
          6. 圖標需使用圖標庫中字體圖標,若需要特殊圖標,需要獨立制作加入字體圖標中(制作完成需內部討論決定);


          F3 為表單中的獨立模塊(輸入框,按鈕、文字等)。
          1. 輸入框,單行高度為40px ,為輸入框框高26px加上下間距7px,26+7+7=40;
          2. 單行文字,單行高度為40px,為文字行高18px加上上下間距11px,18+11+11=40;
             多行文字(兩行) ,高度為58px,為兩行字高加上上下間距11px,18*2+11+11=58;
             多段文字(兩段,每段兩行),高度為四行字高18*4加上段高6px加上上下間距各11px,18*4+11+11+6=100;
             以此類推
          3. 按鈕,單行高度為40px,為按鈕高度26px加上上下間距7px,26+7+7=40;

          后面也可以以此方法與前端配合制作前端表單制作規范。

          優優科技版權所有,未經允許不得轉載
          偷拍国产久久视频大全,国产在线视频一区二区三区导航,麻豆传媒在线视频不卡,韩国邻居姐姐在线,国产日韩素人不卡,免费观看国产情侣视频,国产宾馆混血萝莉,国产网红不见星空 欧美销量车| 麻豆91福利国产在线观看免费| 91新人夜愿第三季 磁链接初体验| 91新人JDcl| 二次元红发少女萝莉| 洛杉矶美食达人中文字幕| 小鸟酱全集手机在线观看| 天天啪国产亚洲精品在线视频首页| 男同大尺度gv在线观看午夜| 国产3P电影456| 中国最近获奖的国产剧情片| 在线观看的萝莉呦呦| 制服诱惑图片| 亚洲欧美国产巨乳| 流浪地球剧情太国产| 撸国产情侣视频| 亚洲在线国产情侣av| 国产少妇偷拍啪啪磁力 迅雷下载 迅雷下载 迅雷下载| 国产情侣在线免费观看视频| 乌鸦传媒在线观看免费| 她的铁杆势不可挡中文字幕| 最好最新的中文字幕| 杰西卡电视剧中文字幕| 国产科幻剧情我的机器人女友V| 国产动漫中的虐心情侣| 午夜神器在线观看2018| 国产护士装 下载| 美女模特国产私拍视频| 十六岁的洛丽塔中文字幕| 香蕉视频菠萝丝瓜在线| 大叔vs少女萝莉| 岳飞墓中文字幕| 布丁酱小鸟酱多人视频在线| 99精品超碰视频在线看| 午夜天使在线观看了| 国产剧情偷丝袜| 新国产情侣超碰| 国产另类种子| 国产大神以拍广告为由素人搭讪美女| 国产网红在线成人| 国产亚洲钱视频直播| http://www.xxbd.net http://www.hydmyass.com http://www.labonnecouleur.com http://www.wintipshk.com http://www.aletheiastratos.com http://www.591tao.com