一赵刑、web UI是什么耕驰？
UI(User Interface)指的是用戶界面痰驱，主要包括用戶與界面之間的交互關(guān)系(或方法的集合)亡蓉，所以關(guān)于UI可以分為三個方向：用戶研究晕翠、交互設(shè)計、界面設(shè)計砍濒。
WUI(website User Interface),即網(wǎng)頁用戶界面淋肾。WUI設(shè)計與常見網(wǎng)站建設(shè)的區(qū)別就是，WUI更注重人魚網(wǎng)站的交互和體驗爸邢，是以人為本進行設(shè)計
二樊卓、你需要掌握的分辨率
概念：確定計算機屏幕上顯示多少信息的設(shè)置，以水平和垂直像素來衡量杠河。
特征：顯示分辨率就是屏幕上顯示的像素個數(shù)碌尔，屏幕尺寸一樣的情況下，分辨率越高券敌，顯示效果就越精細和細膩七扰。
- 常見的長寬比：
- 5:4 = 1.25
- 4:3 = 1.33
- 16:10 = 1.60(寬屏)
- 16:9 = 1.77(寬屏)
2.常見分辨率
- 1266x768：兩側(cè)會有白邊
- 1024x788：基本上和瀏覽器匹配
- 小于1024：小于瀏覽器寬度，會出現(xiàn)滾動條
- 自適應(yīng)布局：根據(jù)瀏覽器大小自動適應(yīng)大小
三陪白、網(wǎng)頁都由哪些構(gòu)成的颈走？
模塊：模塊是網(wǎng)頁布局中最小的單位，展現(xiàn)不同類別的信息咱士，具有特定的功能立由。比如：header/banner/main/footer/news/sidebar/logo/list/content/service/title/tips.....
四、web的基本分類
- 門戶網(wǎng)站：雅虎序厉、新浪
- 分類信息：58锐膜、感激
- 交易類：京東、天貓弛房、淘寶
- 娛樂性：A站道盏、B站
- 個人博客：個人網(wǎng)站
- 論壇(社區(qū))：發(fā)布信息、信息回帖文捶、交流
- 行業(yè)類網(wǎng)站：汽車之家荷逞、經(jīng)管
- 企業(yè)門戶
- 機構(gòu)類網(wǎng)站：政府
- 功能性網(wǎng)站：快遞100、百度粹排、有道(提供一種或幾種功能)
五种远、網(wǎng)頁是如何實現(xiàn)的
web標準化布局的是由三個組成部分：結(jié)構(gòu)、樣式顽耳、行為坠敷。
- 結(jié)構(gòu)：就是網(wǎng)站的框架組成妙同，由html等構(gòu)成；
- 樣式：就是設(shè)計的特點膝迎，包括字體粥帚、大小、顏色限次、格式芒涡、布局...
- 行為：實現(xiàn)一些動態(tài)效果...
- HTML中的色彩
- HTML中使用16進制的RGB顏色值對顏色進行控制
- 16進制的數(shù)碼有：0123456789abcdef；
- 書寫規(guī)范：#RRGGBB
2.web標準化布局原理
- 吧網(wǎng)頁看成多個網(wǎng)格
- 先有行再有列（從上到下）
- 先做容器后做內(nèi)容（從外到內(nèi)）
3.web中的尺寸單位
- px(像素)：顯示器上的最小單位
- pt(磅)：長度單位掂恕，物理尺寸拖陆，1pt=1/72英寸
- PPI(DPI)：每英寸的像素數(shù)，是一個率懊亡，用來表示精度
- em：百分比(%)
六依啰、設(shè)計維度
設(shè)計維度包括：版式、色彩店枣、圖片速警、字體、段落鸯两、細節(jié)闷旧；
七、設(shè)計規(guī)范
設(shè)計規(guī)范就是設(shè)計工作中所要遵循的一套規(guī)則钧唐，在項目初期就需要建立忙灼，以此為基準，進行之后的設(shè)計開發(fā)工作钝侠。并且設(shè)計規(guī)范要和充分考慮用戶群體该园，面向用戶進行指定。
規(guī)范可以節(jié)約各方面的成本帅韧、節(jié)約時間里初、提高工作效率。
- 色彩規(guī)范：主色忽舟、色值双妨、字體色值...
- 文字規(guī)范：大小、顏色叮阅、字體刁品、字體屬性、
- 圖標規(guī)范：子頁帘饶、主頁...
- 控件規(guī)范：按鈕...
八哑诊、界面設(shè)計流程
整個網(wǎng)站從需求到上線的流程：
需求->策劃->原型圖->設(shè)計圖->制作->上線
- 界面設(shè)計是在設(shè)計流程中
- 版式：分析需求內(nèi)容和原型圖，繪制草圖及刻；
- 制作：優(yōu)化版式結(jié)構(gòu)镀裤，填充內(nèi)容，對于具體細節(jié)進行樣式設(shè)計缴饭。
- 輸出：優(yōu)化改進暑劝、切圖，輸送給切圖前端工程師
- 常用圖片可輸出的格式
- GIF:動態(tài)颗搂、可透明底担猛、體積小、適用于表情丢氢；
- JPEG傅联、JPG:色彩豐富、對設(shè)備和系統(tǒng)平臺適應(yīng)性強疚察、通用性強蒸走；
- PNG-8:(8位)：課代替GIF和TIFF、體積小貌嫡、透明底比驻、開發(fā)常用；
- PNG-24:(24位)
- 常用視頻/音頻輸出格式
- .FLV：體積小岛抄、加載速度快别惦、增長最快、最為廣泛的視頻傳播格式
- .mp3：大幅度縮小音頻體積夫椭、音質(zhì)有損耗
九掸掸、設(shè)計技巧
1.視覺層次：近大遠小，近實遠虛蹭秋、亮前暗后
2.專題頁：強烈的視覺效果扰付、有趣味的體驗、推廣信息
十感凤、如何去做
作為一個設(shè)計師悯周，要經(jīng)常去搜集行業(yè)信息、發(fā)展趨勢陪竿，如某一階段的風(fēng)格禽翼、樣式，對于不同分類的網(wǎng)站族跛，應(yīng)該要留心觀察闰挡、勤于思考，觀察每個網(wǎng)站的布局礁哄、風(fēng)格长酗，找到設(shè)計亮點，觀摩分析桐绒，培養(yǎng)自己的思維方式夺脾，總結(jié)技術(shù)特點之拨，形成自己的風(fēng)格，更好的學(xué)會去創(chuàng)造而不是模仿咧叭。
