精华内容
下载资源
问答
  • web设计尺寸规范

    万次阅读 2016-09-12 21:33:44
    网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条...
    网页设计标准尺寸: 
    
    1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 
    
    2、
    1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 

    3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象. 页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。 六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。 八、88*31,主要用于网页链接,或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片,FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上,尺寸120*60 2.首页顶部通栏,尺寸468*60 3.首页顶部通栏,尺寸760*60 4.首页中部通栏,尺寸580*60 5.内页顶部通栏,尺寸468*60 6.内页顶部通栏,尺寸760*60 7.内页左上,尺寸150*60或300*300 8.下载地址页面,尺寸560*60或468*60 9.内页底部通栏,尺寸760*60 10.左漂浮,尺寸80*80或100*100
    11.右漂浮,尺寸80*80或100*10
    
    
    屏幕分辨率

    标准分辨率:1024px*768px(目前10%-20%的用户在用)

    主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px)

    首屏高度大约在700px

    常用分辨率:1280px*768px

    主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px)

    首屏高约:750px
    展开全文
  • web页面设计尺寸

    千次阅读 2014-07-27 14:23:35
    Web设计尺寸 有 10921 人下载分享了它 浏览器与系统 一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。 Windows XP...

    Web的设计尺寸

    10921 人下载分享了它

    浏览器与系统

    一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

    Windows XP任务栏的高度30px

    Windows 7任务栏的高度40px

    主流浏览器的界面参数

    浏览器 状态栏 菜单栏 滚动条

    Chrome 浏览器

    22px(浮动出现) 60px 15px

    火狐浏览器

    20 px 132 px 15px

    IE浏览器

    24 px 120 px 15px

    360 浏览器

    24 px 140 px 15px

    遨游浏览器

    24 px 147 px 15px

    搜狗浏览器

    25 px 163PPI 15px

    系统分辨率统计

    对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):

    安全分辨率为1024 X 768 px

    可建议大分辨率为1280 X 800 px

    网页宽度与首屏高度

    安全宽度1002 px

    可建议较大宽度1258 px

    在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
    在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
    综合分辨率及浏览器下的统计数据
    Window XP首屏大小580 px
    Window 7 首屏大小710 px




    原地址:http://chicun.in/web.html
    展开全文
  • IOS和安卓ui设计常用尺寸及基本知识

    千次阅读 2015-03-06 17:01:52
    IOS和安卓ui设计常用尺寸及基本知识 iOS appiOS app 图标的圆角半径是多少 括弧里面是对应的半径大小 iPhoneiPadAndroid UI常用设计尺寸 iPhone iPhone的设计尺寸ios尺寸 iPhone界面尺寸iPhone图标...

    IOS和安卓ui设计常用尺寸及基本知识

    IOS和安卓ui设计常用尺寸及基本知识

    iOS app

     

    iOS app 图标的圆角半径是多少?

    括弧里面是对应的半径大小

    App store(Retina屏) ─────────────1024px(160px)

    iTunes Artwork icon ─────────────512px (90px)

    App icon(iPhone4s) ──────────────────114px (20px)

    App icon(iPhone5s) ──────────────────120px(22px)

    App icon(iPad) ────────────────────72px (12px)

    App icon(iPhone 3G/3GS) ───────────────57px(10px)

    Spotlight/Settings icon icon(iPhone4) ──────────58px (10px)

    Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)

     

    iPhone、iPad、Android UI常用设计尺寸

     

    iPhone:

    —————————————————————–

    APPLE APP STORE ICON:512 x 512 PX  (圆角弧度80px)

    iPhone 5 App Icon:120 x 120 PX   (圆角弧度22px)

    iPhone 4 App Icon:114 x 114 PX  (圆角弧度20px)

    iPhone 3GS App Icon:57 x 57 PX  (圆角弧度22px)

    iPhone 5 326ppi 4英寸1136*640PX

    iPhone 4 App UI:960 x 640PX (设计时,高度还需要减去状态栏40PX)

    iPhone 3GS App UI:480x 320PX

    iPhone的设计尺寸(ios尺寸)

    iPhone界面尺寸:

    设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度
    iPhone6 plus设计版 1242 × 2208 60px 132px 146px
    iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程
    iPhone6 plus物理版 1080 × 1920 54px 132px 146px
    iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程
    iPhone6 750 × 1334 40px 88px 98px(88px)
    iPhone5s 640 × 1136 40px 88px 98px(88px)
    iPhone5c 640 × 1136 40px 88px 98px(88px)
    iPhone5 640 × 1136 40px 88px 98px(88px)
    iPhone4s 640 × 960 40px 88px 98px(88px)
    iPhone4 640 × 960 40px 88px 98px(88px)

    IOS和安卓ui设计常用尺寸及基本知识 - 蓝色早晨-UED - 1

     

    iPhone图标尺寸:

    系统 分辨率 圆角大小
    iOS 6- 90px – 1024px 约为图标宽度 × 0.175
    iOS 7+ 90px – 1024px 约为图标宽度 × 0.225

     

    Asset iPhone 6 Plus (@3x) iPhone 6 and iPhone 5 (@2x) iPhone 4s (@2x) iPad and iPad mini (@2x) iPad 2 and iPad mini (@1x)
    App icon
    (required for all apps)
    180 × 180 120 × 120 120 × 120 152 × 152 76 × 76
    App icon for the App Store
    (required for all apps)
    1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024
    Launch file or image
    (required for all apps)
    Use a launch file
    (see Launch Images)
    For iPhone 6, use a launch file
    (see Launch Images)
    For iPhone 5, 640 × 1136
    640 × 960 1536 × 2048 (portrait)
    2048 × 1536 (landscape)
    768 × 1024 (portrait)
    1024 × 768 (landscape)
    Spotlight search results icon
    (recommended)
    120 × 120 80 × 80 80 × 80 80 × 80 40 × 40
    Settings icon
    (recommended)
    87 × 87 58 × 58 58 × 58 58 × 58 29 × 29
    Toolbar and navigation bar icon
    (optional)
    About 66 × 66 About 44 × 44 About 44 × 44 About 44 × 44 About 22 × 22
    Tab bar icon
    (optional)
    About 75 × 75
    (maximum: 144 × 96)
    About 50 × 50
    (maximum: 96 × 64)
    About 50 × 50
    (maximum: 96 × 64)
    About 50 × 50
    (maximum: 96 × 64)
    About 25 × 25
    (maximum: 48 × 32)
    Default Newsstand cover icon for the App Store
    (required for Newsstand apps)
    At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 512 pixels on the longest edge
    Web clip icon
    (recommended for web apps and websites)
    180 × 180 120 × 120 120 × 120 152 × 152 76 × 76

     

    IOS和安卓ui设计常用尺寸及基本知识 - 蓝色早晨-UED - 2

     

    iPad的设计尺寸

    iPad界面尺寸:

    设备 分辨率 状态栏高度 导航栏高度 标签栏高度
    iPad6/iPad Air2 2048 × 1536 40px 88px 98px
    iPad5/iPad Air/ipad mini 2 2048 × 1536 40px 88px 98px
    iPad4/ipad mini 2048 × 1536 40px 88px 98px
    iPad3/the new iPad 2048 × 1536 40px 88px 98px
    iPad2 1024 × 768 20px 44px 49px
    iPad1 1024 × 768 20px 44px 49px
    iPad Mini 1024 × 768 20px 44px 49px

    IOS和安卓ui设计常用尺寸及基本知识 - 蓝色早晨-UED - 3

     

    iPad图标尺寸:

    系统 分辨率 圆角大小
    iOS 6- 90px – 1024px 约为图标宽度 × 0.175
    iOS 7+ 90px – 1024px 约为图标宽度 × 0.225
    Asset iPhone 6 Plus (@3x) iPhone 6 and iPhone 5 (@2x) iPhone 4s (@2x) iPad and iPad mini (@2x) iPad 2 and iPad mini (@1x)
    App icon
    (required for all apps)
    180 × 180 120 × 120 120 × 120 152 × 152 76 × 76
    App icon for the App Store
    (required for all apps)
    1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024 1024 × 1024
    Launch file or image
    (required for all apps)
    Use a launch file
    (see Launch Images)
    For iPhone 6, use a launch file
    (see Launch Images)
    For iPhone 5, 640 × 1136
    640 × 960 1536 × 2048 (portrait)
    2048 × 1536 (landscape)
    768 × 1024 (portrait)
    1024 × 768 (landscape)
    Spotlight search results icon
    (recommended)
    120 × 120 80 × 80 80 × 80 80 × 80 40 × 40
    Settings icon
    (recommended)
    87 × 87 58 × 58 58 × 58 58 × 58 29 × 29
    Toolbar and navigation bar icon
    (optional)
    About 66 × 66 About 44 × 44 About 44 × 44 About 44 × 44 About 22 × 22
    Tab bar icon
    (optional)
    About 75 × 75
    (maximum: 144 × 96)
    About 50 × 50
    (maximum: 96 × 64)
    About 50 × 50
    (maximum: 96 × 64)
    About 50 × 50
    (maximum: 96 × 64)
    About 25 × 25
    (maximum: 48 × 32)
    Default Newsstand cover icon for the App Store
    (required for Newsstand apps)
    At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 1024 pixels on the longest edge At least 512 pixels on the longest edge
    Web clip icon
    (recommended for web apps and websites)
    180 × 180 120 × 120 120 × 120 152 × 152 76 × 76

    IOS和安卓ui设计常用尺寸及基本知识 - 蓝色早晨-UED - 4

     

    IOS和安卓ui设计常用尺寸及基本知识 - 蓝色早晨-UED - 5

     

    Android的设计尺寸:

    屏幕尺寸

    指实际的物理尺寸,为屏幕对角线的测量。
    为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。

    像素(PX)

    代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。

    屏幕密度

    为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。
    于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。

    典型的设计尺寸

    • 320dp:一个普通的手机屏幕(240X320,320×480,480X800)
    • 480dp:一个中间平板电脑像(480×800)
    • 600dp:7寸平板电脑(600×1024)
    • 720dp:10寸平板电脑(720×1280,800×1280)

     

    类型 hdpi mdpi ldpi

    ICON   96*96   72*72   48*48    36*36

    Notification图标 48*48 32*32 24*24

    标签Tab图标 48*48 32*32 24*24

    Android安卓系统dp/sp/px换算表

    名称 分辨率 比率 rate (针对320px) 比率 rate (针对640px) 比率 rate (针对750px)
    idpi 240 × 320 0.75 0.375 0.32
    mdpi 320 × 480 1 0.5 0.4267
    hdpi 480 × 800 1.5 0.75 0.64
    xhdpi 720 × 1280 2.25 1.125 1.042
    xxhdpi 1080 × 1920 3.375 1.6875 1.5

    主流Android手机分辨率和尺寸

    设备 分辨率 尺寸 设备 分辨率 尺寸
    三星Galaxy S3 4.8英寸 720 × 1280 三星Galaxy S4 5英寸 1080 × 1920
    三星Galaxy S5 5.1英寸 1080 × 1920 三星Galaxy S6 4.5英寸 1200 × 1920
    小米1 4英寸 480 × 854 小米1s 4英寸 480 × 854
    小米2 4.3英寸 720 × 1280 小米2s 4.3英寸 720 × 1280
    小米3 5英寸 1080 × 1920 小米3s(概念) 5英寸 1080 × 1920
    小米4 5英寸 1080 × 1920 红米 4.7英寸 720 × 1280
    红米Note 5.5英寸 720 × 1280      
    OPPO Find 7 5.5英寸 1440 × 2560 OPPO Find 7 轻装版 5.5英寸 1080 × 1920
    OPPO N1 mini 5英寸 720 × 1280 OPPO R3 5英寸 720 × 1280
    OPPO R1S 5英寸 720 × 1280      
    锤子 Smartisan T1 4.95英寸 1080 × 1920      
    华为 Ascend P7 5英寸 1080 × 1920 华为 Ascend Mate7 6英寸 1080 × 1920
    华为 荣耀6 5英寸 1080 × 1920 华为 Ascend Mate2 6.1英寸 720 × 1280
    华为 C199 5.5英寸 720 × 1280      
    HTC One (M8) 5英寸 1080 × 1920 HTC Desire 820 5.5英寸 720 × 1280
    魅族 MEIZU MX4 5.36英寸 1152 × 1920 魅族 MEIZU MX3 5.1英寸 1080 × 1800

     

    展开全文
  • UI设计师必备|Web设计尺寸规范

    千次阅读 2020-10-16 11:31:58
    网页宽度为1920 高度不限,有效可视区:950px~1200px宽度,具体尺寸根据项目,客户要求以及用户群决定。 首屏高约为700-750PX 主体内容区域1200PX。 文档建立:文件宽度为1920PX 高度不限,RGB颜色模式, 分辨率72...

    关于网页UI设计规范、网页布局和如何提升网页用户体验设计的素材模板,到

    乐于分享UI|UX的 搜UI (SOOUI)

    网页UI设计规范

    1. 网页规范:

    网页宽度为1920 高度不限,有效可视区:950px~1200px宽度,具体尺寸根据项目,客户要求以及用户群决定。

    首屏高约为700-750PX 主体内容区域1200PX。

    文档建立:文件宽度为1920PX 高度不限,RGB颜色模式, 分辨率72

     

    2. 字体规范:

    中文常用字体:宋体-字体样式(无)、微软雅黑-字体样式(Windows LCD)、苹方(MAC)

    英文常用字体:Times NewRoman、Arial、sans

     

    (1)中文字常用字号:

    导航文字大小:14px、16px、18px、20px;

    正文内容:12px、14px;

    标题:22px、24px、26px、28px、30px;

    辅助信息:12px、14px;

    (2)英文字常用字号:

    标题和内容文字10-16px;中英文结合最小12px;全英文网站最小10px(比如底部信息);

    (3)段落字体格式:

     

    3. 网页页面等级

    (1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个。

    注意:网站的首页只能有一个。

    (2)二级页面:从首页点击进入之后的页面叫做二级页面。

    (3)三级页面:从二级页面点击进入的页面。

     

     

    4. 网页常见板块划分

    (1)头部区域-----top或header

    Logo、主导航、搜索、注册、登录、版本等信息...

     

    (2)主视觉区----banner

    展示公司品牌形象、新品宣传、主题活动等轮播大图

     

    (3)主要内容区---main

    新闻动态、产品与服务、公司介绍等

     

    (4)底部信息区---footer

    网站地图、联系我们、版权信息、ICP备案号等信息

     

    5. 网页的颜色

    (1)来自于LOGO的颜色;

    (2)来自于环境的颜色;

    (4)来自于产品的颜色;

    (5)公式:随意选择四个颜色,调整四个颜色的明度和直线色相;

    (6)选择一个符合你产品的任意颜色图片,然后在这个图片中提出来四种颜色,来作为网页的主色调 (服装,饰品、化妆品类居多)。

     

    6. 网页设计需注意的问题:

    (1)高清大图,图片不能有水印;

    (2)有图片的位置最好配有文字说明不要大篇幅的图片摆放;

    (3)文字排版,标点符号不能在一行的第一个,不要一个文字为独立的一行;

    (4)如果色块中有文字,文字必须在色块的中心,不能上或者下留有太多空白空间;

    (5)如果箭头朝下必须有下拉菜单,如果下拉菜单是合起的状态,箭头朝右;

    (6)banner不能是现成的图片,需要进行合成和设计,也需要有文字的极差关系和对比;

    (7)产品分类中必须有不同的产品体现;

    (8)在每一个板块中都必须体现明显的连接;

    (9)在网页设计中不要有重复图片,每个图片必须有一个部分是完整的;

    (10)图片素材不要直接用设计好的图片;

    (11)在板块中不要有纯图片的设计,一定有文字解释,有链接;

    (12)一个版块内的图片要选择同一种类型;

    (13)图片距离文字不要过近。

     

    1. 网页规范:

    网页宽度为1920 高度不限,有效可视区:950px~1200px宽度,具体尺寸根据项目,客户要求以及用户群决定。

    首屏高约为700-750PX 主体内容区域1200PX。

    文档建立:文件宽度为1920PX 高度不限,RGB颜色模式, 分辨率72

     

    2. 字体规范:

    中文常用字体:宋体-字体样式(无)、微软雅黑-字体样式(Windows LCD)、苹方(MAC)

    英文常用字体:Times NewRoman、Arial、sans

    (1)中文字常用字号:

    导航文字大小:14px、16px、18px、20px;

    正文内容:12px、14px;

    标题:22px、24px、26px、28px、30px;

    辅助信息:12px、14px;

    (2)英文字常用字号:

    标题和内容文字10-16px;中英文结合最小12px;全英文网站最小10px(比如底部信息);

    展开全文
  • 手机端web/app界面设计尺寸规范

    万次阅读 2018-06-08 13:21:07
    手机端web/app界面设计尺寸规范移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,...
  • web测试常用的用例及知识(全)

    千次阅读 多人点赞 2017-02-09 13:55:21
    web测试中关于登录的测试搜索功能测试用例设计翻页功能测试用例输入框的测试web测试常用的检查点用户及权限管理功能常规测试方法web测试及兼容性测试web测试sql注入web测试中书写用例时要考虑的检查点手机电子邮件...
  • web 页面 常用分辨率(PC 移动端)

    千次阅读 2019-11-18 19:19:43
    之前在网上看到过一些,但是原网址忘记是哪个了 ... 分辨率 比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3|10.4寸、12.1寸、14.1寸、15寸; ) 1280*800(16:10|15.4寸) 1280*1024(比例:5:4...
  • web页面常用布局(pc端布局和移动端布局) 什么是web布局呢? 布局也可以叫做排版,它指的是把文字和图片等元素按照我们的意愿有机地排列在页面上,布局的方式分为两种: 1、table布局:通过table元素将页面空间划分...
  • web设计原则

    千次阅读 2007-11-21 11:58:00
    Web作为出版物的一种,同其他出版物如报纸,杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则,不同之处在于每章提到的Web的“非所见即所得”特性和交互性。因此,熟悉一些设计的基本原则,再对Web的特殊...
  • WEB UI设计规范

    千次阅读 2015-01-16 23:40:53
    Web应用界面设计规范(Design Specification for Web UI) 主讲人:ARay 目录: 一、软件界面规范的重要性及其目的 二、用户体验为何如此重要 三、Web规范体系介绍 四、界面设计开发流程 五、应该遵循的基本...
  • web界面设计原则

    万次阅读 多人点赞 2019-07-08 12:06:32
    web界面的设计过程中,如果全凭自己的感觉和认识来组合布置设计,很可能自己觉得效果不错,而实际用户体验并不好,用户体验不好有什么后果就不用多说了吧,因此为了更好的进行界面搭建设计,提供几个专业成熟的...
  • vue element web 表单设计工具

    万次阅读 2020-12-07 22:22:17
      项目名 dw-form-making,基于 element-ui 组件库的Web端表单设计工具。   项目技术栈vue、vue-cli3,可视化设计element-ui输入框、选择器、单选框等控件组成的Form表单,配置表单字段、标签、校验规则等。  ...
  • 响应式Web设计读书笔记与实践

    千次阅读 2016-02-26 11:24:37
    前段时间在微博上看到了几个在当今前端圈中的大牛的撕逼大战,作为一个前端小白来说就只是看热闹的,热闹中看到了两本书,《无懈可击的Web设计》和《响应式Web设计》,前者没有买到纸质版,后者刚好在快要缺货的时候...
  • webUI设计 笔记来源:https://www.imooc.com/video/14005 重点: 设计流程 设计规范 web-UI概述 UI 用户界面 用户、界面、交互 WUI 网页用户界面 功能为主网页 传统网页 用户为主网页 天猫等 分辨率 大部分设计师...
  • Web UI设计基础

    千次阅读 2018-07-31 12:55:43
    显示器分辨率,垂直方向和水平方向像素的个数,因而像素尺寸不固定的 5:4 4:3 16:10 16:9 自适应布局 Web基本分类 门户类:新浪、搜狐、网易、腾讯,信息杂而多 分类信息:58同城、赶集网,生活相关的 ...
  • 大响应式Web设计框架

    2015-11-05 00:37:12
    对于设计师而言,网站...响应式Web设计不仅能够适用于任何屏幕尺寸,还为用户带来更完美的体验,本文将分享十款最佳的响应式Web设计,助你大大简化工作流程。 Gumby Framework Gumby 2是建立在Sas
  • Web应用界面设计规范

    千次阅读 2012-10-10 08:33:52
    最近给项目组做了一次Web应用界面设计规范的培训,共享一下。 Web应用界面设计规范(Design Specification for Web UI) 主讲人:ARay 目录: 一、软件界面规范的重要性及其目的 二、用户体验为何如此重要...
  • web开发常用js及html代码

    千次阅读 2006-06-02 23:31:00
    本文出自:http://tb.blog.csdn.net/TrackBack.aspx?PostId=710544css创建CLASS并不是建立多种风格的唯一手段, ID也可以用来实现同一规则被应用到页面中不同的地方。 它的语法是: #id名 {标志属性:属性值;...
  • web界面设计要素及基本设计规范

    千次阅读 2020-04-04 21:10:00
    所以,要明确的知道Web界面应该包含哪些基本要素及基本的设计规范,才能够进行高效的设计输出,当然,还要知道当下的web主流的设计方式有哪些。 设计规范存在的目的 1 在多人的团队里,通常不同的人员负责不同的流程...
  • 十大响应式Web设计框架

    千次阅读 2014-05-14 08:51:34
    对于设计师而言,网站...响应式Web设计不仅能够适用于任何屏幕尺寸,还为用户带来更完美的体验,本文将分享十款最佳的响应式Web设计,助你大大简化工作流程。 Gumby Framework Gumby 2是建立在Sas
  • 『总结』web前端开发常用代码整理

    万次阅读 多人点赞 2018-05-21 17:07:35
    IE条件注释条件注释简介IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。如果你安装了多个IE,条件注释将会以...
  • #文章 界面设计 ...未来的web设计非常明显,我们需要看看背后。这里有2014年的7个设计预测,以及如何在2014年中如何生存。 相关阅读:2014年10大Web设计趋势 1) 拒绝使用:hover

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,881
精华内容 9,952
关键字:

web设计常用尺寸