立即下载电堆戏剧,国产高清在线视频,两个奶头被吃高潮视频,精品无码国产自产在线观看水浒传

龍華網(wǎng)站建設(shè)

    網(wǎng)頁設(shè)計(jì)組成與規(guī)范

    日期:2019-07-16 人氣:1031186
    導(dǎo)讀: 網(wǎng)頁設(shè)計(jì)組成與規(guī)范 理解需求—繪制手稿—繪制線框圖原型 一、網(wǎng)頁設(shè)計(jì)組成 1.經(jīng)典頂部導(dǎo)航 logo+導(dǎo)航+(功能入口);頂端固定;可包含次級(jí)導(dǎo)航(樣式細(xì)節(jié));搜索功能突出與弱化;導(dǎo)航菜單數(shù)量控制 2.浮動(dòng)導(dǎo)航 相對(duì)瀏覽器頂端固定;長頁面切換導(dǎo)航菜單更方便;減少了主體

     網(wǎng)頁設(shè)計(jì)組成與規(guī)范

     
    理解需求—繪制手稿—繪制線框圖原型
     
     
    一、網(wǎng)頁設(shè)計(jì)組成
     
     
    1.經(jīng)典頂部導(dǎo)航
     
    logo+導(dǎo)航+(功能入口);頂端固定;可包含次級(jí)導(dǎo)航(樣式細(xì)節(jié));搜索功能突出與弱化;導(dǎo)航菜單數(shù)量控制
     
     
    2.浮動(dòng)導(dǎo)航
     
    相對(duì)瀏覽器頂端固定;長頁面切換導(dǎo)航菜單更方便;減少了主體內(nèi)容顯示區(qū)域
     
     
    3.透底導(dǎo)航
     
    無明顯獨(dú)立區(qū)域;背景圖與導(dǎo)航對(duì)比度溫度;簡約、大氣、干凈;多為互聯(lián)網(wǎng)相關(guān)行業(yè);不必整站采用該型式
     
     
    4.側(cè)邊導(dǎo)航
     
    主導(dǎo)航模式適用于個(gè)人、團(tuán)隊(duì)博客類網(wǎng)站(內(nèi)容垂直不復(fù)雜)
     
    輔助導(dǎo)航適用于電商分類
     
    5.固定寬度
     
    多種切換樣式(左右、漸隱漸現(xiàn)等);固定寬度;自動(dòng)切換+手動(dòng)切換
     
    6.橫向通欄
     
    橫向鋪滿;視覺開闊,簡約大氣;與導(dǎo)航欄樣式要協(xié)調(diào)
     
     
    7.新聞列表
     
    常見新聞列表中的信息元、信息元優(yōu)先級(jí)與設(shè)計(jì)中的主次、信息段落與板塊劃分
     
     
     
    8.產(chǎn)品展示
     
    常見產(chǎn)品展示中的信息元;信息元優(yōu)先級(jí)與設(shè)計(jì)中的主次;宮格與列表模式的選擇
     
     
    二、平臺(tái)規(guī)范
     
     
     
    1.網(wǎng)頁設(shè)計(jì)尺寸;電腦屏幕分辨率不同,寬度不同
     
     
     
    考慮網(wǎng)站行業(yè)的性質(zhì)
     
     
    微博首頁:1170px
     
    微博內(nèi)頁:940px
     
    (網(wǎng)站以用戶產(chǎn)生內(nèi)容為主,較小寬度便于集中用戶視線)
     
     
    小米官網(wǎng):1126px
     
    京東首頁:1190px 
     
    (網(wǎng)站以產(chǎn)品銷售內(nèi)容為主,較大寬度便于更多展示產(chǎn)品)
     
     
    設(shè)計(jì)寬度建議1920*1080
     
    視覺寬度(無法固定尺寸)建議960*1280px
     
     
    2.字體選擇
     
     
    基礎(chǔ)模塊,常規(guī)字體無需刻意設(shè)計(jì)(微軟雅黑、蘋方為主)
     
    修飾性標(biāo)題,可使用特殊字體(需要考慮版權(quán)),也可當(dāng)做banner,字體繪制其中
     
    也可導(dǎo)出為PNG格式,前端技術(shù)引用,實(shí)現(xiàn)動(dòng)效。
     
     
    字號(hào)大小
     
    12px 提示性文字;14px正文描述;18px側(cè)邊導(dǎo)航+欄目標(biāo)題
     
     
    中文:微軟雅黑、蘋方、宋體(最小字號(hào)12px)
     
    英文:Arial、Helvetica、Tohoma、sans-serif(字號(hào)最小10px)
     
     
    字體大小多采用偶數(shù)(奇數(shù)無法對(duì)齊像素)
     
     
    3.控件與樣式管理
     
    標(biāo)準(zhǔn)化控件(不同狀態(tài)下的控件形式)、顏色與字體(配色6-8及字體字號(hào)選擇;當(dāng)前頁面3種左右)
     
     
    4.網(wǎng)頁設(shè)計(jì)中的交互
     
    下拉菜單:默認(rèn)收起狀態(tài)、懸停展開狀態(tài)
     
     
    懸停狀態(tài):鏈接文字樣式、凸顯當(dāng)前選擇、增強(qiáng)信息呈現(xiàn)
     
     
     

    文本來自采集文章 http://www.xhsalon.cn/25/91.html 如需轉(zhuǎn)載或刪除,請(qǐng)聯(lián)系管理員。

    1 2 3 4 5 6 7 8 9
    分享到:
熱點(diǎn)資訊
【深一龍華網(wǎng)站建設(shè)】——承諾3小時(shí)內(nèi)上門服務(wù)!龍華上門全國熱線:400-666-2014 【龍華網(wǎng)站建設(shè)http://www.xhsalon.cn】 網(wǎng)站地圖 粵ICP備2021045177號(hào) 網(wǎng)站維護(hù):深一深圳網(wǎng)站建設(shè)
全國深一龍華網(wǎng)站建設(shè)