您好,欢迎访问三七文档
当前位置:首页 > 行业资料 > 其它行业文档 > UCD4月书友会+-+屏幕分辩率与布局
ucdchina.comResouction&Layout屏幕分辩率与布局到场朋友签到(个人信息+联系方式)本期话题:屏幕分辩率与布局邮件组讨论:ucdchina-HZ@googlegroups.com本期话题要点:Why?什么是分辩率?设计一个多宽的网页才合适?布局?什么样的布局设计更合理?Why?什么是分辩率?分辨率(resolution,港台称之为解释度)就是屏幕图像的精密度,是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的,显示器可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多,所以分辨率是个非常重要的性能指标之一。可以把整个图像想象成是一个大型的棋盘,而分辨率的表示方式就是所有经线和纬线交叉点的数目。以分辨率为1024×768的屏幕来说,即每一条水平线上包含有1024个像素点,共有768条线,即扫描列数为1024列,行数为768行.屏幕分辩率,主流?1024:40.86%1280宽屏:23.01%800:1.02%随着硬件市场发展?设计一个多宽的网页才合适?网站的定位?760-960px/450-650px网站的定位?163.Com(main固定宽度)Baidu.com/google.com/wordpress网站的定位?Google图片搜索(宽度自适应)网站的定位?…760-960px/450-650px760-960px网页栅格化(Gridsystem)栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。760-960px网页栅格化://宽.100px=?mm450-650px1024宽.100px≈27.98mm1400宽.100px≈20.47mm人因工程上说人眼专注阅读的视角是25度(约为正常视角的1/5),距离显示器45-50cm。通过计算可以得到物理宽度为19.95cm-22.17cm;再换算到显示器上(仍按17寸1024×768分辨率,横向物理宽度是34.544cm),就可以得到591-657px这个数字。取整之后,可以认为是590-660px这个区间手机分辨率布局浅层的信息架构.大”F”形古登堡规律(TheGutenbergrule)从左到右,从上到下.古登堡图把一页分为4个象限,左上象限是”PrimaryOpticalArea(主视区)”,右上是”StrongFallowArea(强沉寂区?)”,左下是”WeakFallowArea(弱沉寂区?)”,右下角是”终点区”.这就是当我们的眼睛从左上向右下方向扫描,左下区域是最不能引起关注的,并且我们的扫描会在右下区域停止.什么样的布局更合理?UCD新书UCD新书TheNext?Thanksall
本文标题:UCD4月书友会+-+屏幕分辩率与布局
链接地址:https://www.777doc.com/doc-4077735 .html