移动网页设计规范尺寸

移动端尺寸基础知识

初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。

WebApp最佳实践用户体验篇之如何针对多种屏幕尺寸设计合理的移动应用

身为一个移动web网站的设计师，除非你只是针对某种特定的设备设计，否则你应该会常常碰到这样的问题：如何清楚地了解网站运行设备的屏幕尺寸大小？

响应式网页设计中24个杰出的作品范例

站长之家（CHINAZ.com）1月17日编译：响应式网页设计（Responsive web design）是一种现代网页设计方法，其理念是页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题。这里就将为设计者们展示响应式网页设计中24个杰出的作品范例。

详解JavaScript获取元素的尺寸

【相关学习推荐：javascript学习教程】HTML尺寸所谓元素的HTML尺寸，就是指在HTML标签中设置的尺寸样式。例如：<p class="box" style="width: 200px; height: 200px;"></p>复制代

国外15个优秀的响应式网页设计教程

站长之家（CHINAZ.com）3月12日编译：响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，它的理念是页面的设计与开发应根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。随着越来越多的设计师正使用响应式设计技术，这里就将分享国外15个优秀的响应式网页设计教程，以供学习借鉴。

Web端设计规范的价值

这篇文章是之后WEB端系列设计规范的前言部分，目的是起到抛砖引玉的作用，简述如何制作属于“自己”的Web端设计规范。Web端设计规范系列也是我个人梳理学习总结构建的过程，同时分享出来给大家做参考学习。

UI设计师必收！同行总结可即刻上手的iOS规范参考

最近一 直在研究移动端的设计，不同于创意稿，侧重于想法，视觉传达，较少考虑开发成本，或者产品需求。要上线的设计稿需要严格的视觉规范，而非单个页面的展示， 是一个整体、统一、成套的系统。需要考虑也比较多，时间，人力，质量都必须去考虑。所以，决定为新的移动端产品做一套视觉规范。也有以下有几个好处：

移动端交互功能设计提升用户体验

我们常用的移动端指智能手机和平板电脑，尺寸都少于10英寸，在这样一个狭小的范围内，用户看到的界面就比较狭小。稍微设计不好都可能造成页面加载过慢或者打不开的情况。很简单的一个例子就是餐饮APP，如何提升用户体验让用户在使用过程减少烦恼，从而留住用户。

旅游网站建设与网页布局设计

操纵CSS手艺节制网页文件巨细。网页文件巨细是影响网页展现结果与质量的主要身分CSS手艺的利用可以或许较好的进行网页文件巨细设计。 　　一方面是实现对文件尺寸的有用节

移动界面设计点滴

移动平台的设计与传统的网页有许多不同之处，如独特的交互体验、不同光线下的视觉效果以及移动终端的资源有限。这些都考验着开发者的技术。

iOS和Android的app界面设计规范

记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通。iPhone 上的字体英文为：HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。

红绿灯与设计规范

提到设计规范，很多人都觉得是个很虚、不务实的绩效工程，很多企业为设计规范而设计规范，拍脑袋定规则，投了精力进去，面子起来了，最后死掉了。以前也很不情愿去制定设计规范，经历多个终端的设计痛苦后，渐渐明白了设计规范“存在即合理”的意义。

Web端设计规范都包括什么

这篇文章是之后WEB端系列设计规范的前言部分，目的是起到抛砖引玉的作用，简述如何制作属于“自己”的Web端设计规范。Web端设计规范系列也是我个人梳理学习总结构建的过程，同时分享出来给大家做参考学习。

iOS和Android的app界面设计规范

记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通。iPhone 上的字体英文为：HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。 百度用户体验部做过一个小调查， 对于app字体大小的调

移动互联网产品设计的核心要素有哪些？

移动互联网和传统互联网的设计有很多不同，针对前者有哪些关键的设计重点、考虑要素、交互或体验要特别注意的呢？本文来自知乎网友可风的回答。