→ → 微信小游戏大全免费 好玩的微信小程序游戏
微信小游戏大全免费 好玩的微信小程序游戏
作者：佚名来源：本站整理 11:15:03
想知道微信有哪些好玩的小程序游戏吗，来微信小游戏大全可以来看看，这里为感兴趣的用户整理超多微信好玩的小程序游戏，无需下载app即可一键畅玩。随着微信6.6.1的上线，越来越多的微信用户加入了微信小游戏的行列，微信平台的小程序小游戏最大的特色就是不用下载app，想玩什么点进去即可畅玩，非常方便又省空间，小编在这里也集合了超多好玩的小游戏，让你可以一站了解最全的微信小游戏类目。微信小游戏怎么找1、打开微信6.6.1版本，找到【发现】-【小程序】模块
相关下载：
社交通讯 - 57.5M
2、在小程序页面点击右上角【搜索】图标即可搜索你想要玩的小游戏程序啦。（如下图所示）【说明】还可进入【微信小游戏】进入官方平台畅玩微信官方推出的小游戏。下面来正式看看有哪些好玩的微信小游戏吧。【休闲类】1、跳一跳游戏介绍：在「跳一跳」游戏中，玩家需要扮演一个「黑色」小人，在不同的跳板方块间进行跳跃。玩家需要「按住」屏幕选定跳跃力度，按住时间越长，小人会跳得越远。而且，每个跳板间的间距并非是固定的。这使得这款游戏成为「看上去简单，精通却很难」的游戏。跳一跳高分攻略请戳↓[]2、星途WeGoing游戏介绍：行星与行星之间就好像数学里面的并集，他们之间有一个交点，在小火箭到达交点时一定要手疾眼快的点击一下屏幕，那么小火箭就可安全抵达下一个星球了……左右滑动屏幕控制小飞船在内外圈转换要是不小心让火箭在别的地方变换轨道的话，那小火箭就会挂掉，游戏也就结束了……3、悦动音符游戏介绍：一款音乐节奏类游戏，玩家在开始游戏后需要跟着音乐的节奏，通过点击屏幕来改变小球的位置，在此过程中还要躲避随时都有可能出现的障碍，这款游戏绝对是节奏控的福音。4、拳皇命运ko不服游戏介绍：拳皇命运KO不服游戏在开始前需要大家先分享群，玩家随意分享到一个群中就可以，因为游戏中刚出现的头像会是刚刚分享群中的成员。玩家在点击头像时不能点击到格斗家，这样游戏就会结束。（p.s就是个打地鼠游戏）5、保卫萝卜迅玩版游戏介绍：游戏机制和保卫萝卜一样，会出现许多危害萝卜生命值的便便、石头之类的东西，而玩家要做的，就是在这些东西的路途上设置小炮台，让这些能够威胁到萝卜生命值的东西在路上就被打死，一旦积分足够，并且萝卜完好无损，就能进入下一关，并且每关游戏都会有1到3星的游戏等级评比，也就是说，如果这一关通过了，但是评分不满意，那么我们就再来一关，直到分数满意为止，但是注意有体力限制哦。6、挑战智力游戏介绍：你能准确无误的用阿拉伯数字从1写到500吗？这款小程序游戏就是如此一款挑战智力，开发大脑的益智类小程序，规则简单，玩法层出不穷，挑战成功还有娃娃拿。另外还有几款休闲小游戏值得玩家玩玩：全民大乐斗、爱消除乐园、大家来找茬腾讯版、欢乐消消消、欢乐坦克大战。【棋牌类】1、欢乐斗地主游戏介绍：还是很经典的可以开房间也可以快速匹配等玩儿法，先快速匹配，然后进入了初级场，还是熟悉的配方，还是熟悉的味道，然后就开始吧!2、天天德州游戏介绍：点击开始游戏即可使用虚拟金币与更多玩家精彩博弈了，而点击创建房间则可以与亲朋好友在轻松愉悦的氛围中玩耍。系统首先会赠送1000金币。天天德州分为手牌和公共牌，每位玩家发2张作为手牌，七选五组成最大牌型。3、广东麻将游戏介绍：微信小游戏广东麻将和其他电子竞技类小游戏相比在画面设计上区别不大，提示出牌是不错的亮点。4、腾讯中国象棋游戏介绍：【棋力评测】广大棋友公认的棋力评测系统。&【棋友系统】约战、聊天、交友。【棋谱收藏】海量古谱可供下载，如：教你学开局、实用残局、适情雅趣、橘中秘、梅花谱、自出洞来无敌手。&另外还有几款微信小游戏也不错：贵州麻将、四川麻将。【答题类】1、头脑王者游戏介绍：一款由知乎官方推出的答题竞赛类小游戏，在这里用户可随机与平台用户进行答题竞技，也可以发送邀请与好友参加对战，答题类别涉及广泛，如地理、语文、生活、科技等方面都有涉略，答题难易程度也是随机的。2、天才冲冲冲游戏介绍：这款天才冲冲冲和上面的头脑王者答题模式一样，只是题目有些涉及脑筋急转弯，会有点莫名其妙。3、成语猜猜看游戏介绍：根据各种提示的意思，来猜测其意义所对应的成语，达到巩固知识，又能学习新的成语。4、画画猜猜游戏介绍：你画我猜，看谁的脑洞更大？弹幕互动式画画抢答，逗趣间让彼此距离更近，活跃气氛神器。&5、挑战答题王游戏介绍：答题拿娃娃啦，在这里你只需要挑战答题，只要答对全部题目就能领娃娃啦，答题就有奖品，真是福利满满。6、猜歌达人游戏介绍：全国人民都在玩的猜歌小程序，听音乐，猜歌名，我是歌手！嘻哈，怀旧，POP，快来跟好友一起猜歌！【特别说明】本文章将不定期更新最新最好玩的微信小游戏，还请大家持续关注。以上就是小编为你带来的好玩的微信小游戏大全，更多微信小游戏精彩内容敬请关注跑跑车手游网。
17-01-1017-01-1017-01-0917-01-0917-01-09
共0条相关评论
最新最热相关资源
类型：社交通讯大小：57.5M类型：益智休闲大小：29.3M类型：休闲益智大小：38.4M
类型：社交通讯大小：57.5M类型：休闲益智大小：28.9M类型：休闲益智大小：11M
安卓苹果应用推荐
类型：益智休闲大小：29M类型：卡牌游戏大小：169.0M类型：益智休闲大小：55M类型：角色扮演大小：0KB类型：益智休闲大小：31M类型：角色扮演大小：0KB
类型：休闲益智大小：95.8M类型：赛车游戏大小：224.7M类型：休闲益智大小：0KB类型：角色扮演大小：0KB类型：休闲益智大小：0KB类型：角色扮演大小：62.3M发布者: mobileui
Echo ：本文将以微信为载体，通过微信Android和iOS版，来一起看Android和ios的两大系统的差异。
由于设计师或者产品经理使用的移动设备大部分是iPhone，所以在做设计时，容易忽略Android和iOS的差异，按照自己的使用习惯进行设计，导致大部分设计师或产品经理做出的设计都是基于iOS规范或习惯。而安卓则照搬iOS。这对于安卓开发而言是个灾难，很多组件本可以直接调用系统，由于按照iOS的设计，则需要开发自己写，研发成本变得很高。
如果设计师或者产品经理有的异常场景状态没有想到，导致安卓开发没有组件调用，为了省事就直接调用安卓自带组件，导致整个产品在视觉风格上面既有产品风格的组件又有安卓系统的组件 ，统一性很差。所以做一款产品，最好要做两套设计稿（iOS、Android各一套）。
本文以微信为载体，通过微信Android和iOS版，来一起看Android和iOS的两大系统的差异。
一. 消息提醒机制的差异
用户首次进入微信，微信会弹出消息通知的权限选择，用户如果选择不允许的话，那么用户想开启消息推送的权限就必须到iOS系统设置里面开启。注意微信消息设置界面，接受新消息通知和接收语音和视频聊天邀请通知开关关闭而且置灰，点击无反应。
用户只有进入设置-通知-微信，打开允许通知开关打开则微信才能发送消息推送的通知。同时这个权限给了微信之后，微信就可以像安卓一样，在微信消息设置界面设置关闭和打开，不再需要系统的制约了（前提是iOS系统设置通知已经打开）。
Android版微信消息提醒设置就简单了，用户只需要在微信设置界面设置就可以了。
分析总结：
iOS系统对权限控制比较严，例如用户如果要调用相册权限、相机、麦克风、位置等都需要用户选择确定，用户点击不允许。就没法调取。这也就是为什么iOS消息设置相对来说复杂一点，根本原因是iOS系统。
由于Android开源，Android开发在用户安装微信就获取了很多权限，用户安装微信后，对于消息提醒的设置只需要在微信设置界面设置就可以了。
二. 手势操作的差异
由于安卓用户习惯长按操作，iOS用户习惯左右滑动。所有涉及到更多功能的操作时，安卓用户会尝试长按，而iOS用户会尝试左右滑动。
但是由于Android和iOS两个系统不断的迭代，在设计上有些地方也趋于相似，例如网易邮箱也可以左右滑动，微信iOS版也有长按功能。
三. 组件风格的差异
大部分App在组件设计方面都是在iOS和Android版官方组件的基础上做了一点改变。框架结构等都不变。改变的大部分是视觉风格。
iOS版的警告框的文字和按钮都是居中对齐，Android版的警告框的文字是左对齐，按钮是右对齐。
更多操作选择时
iOS版用的组件是“上滑列表”，用户对功能的进一步选择。Android用的是“操作列表”。
iOS设计规范里面，如果涉及到多项操作时，多用下滑列表。而多用操作列表。
iOS规范一般都是直接把搜索栏展示在导航栏下，而Android规范一般都是在导航栏里面（右侧）。
当然一些大厂App的iOS版把搜索放在状态栏里面（右侧），Android版把搜索展示在导航栏下。只能说官方推荐作为参考，具体看业务需求和用户目标来做设计，例如手机淘宝Android版的用户对搜索过度依赖，如果按照Android官方推荐的搜索标准来，那么对搜索过于弱化，用户使用起来会变得麻烦，从商业上来说也是一种巨大的损坏。
四. 信息发送按钮不一致
Android版微信信息发送的按钮放在了工具栏上，iOS版微信的信息发送按钮内嵌在键盘上。出现这两个不一致的原因，应该是Android输入法没法做到内部定制。
总结：如果想快速且详细了解iOS和Android版组件的差异化，可以在Sketch上面New From Template 里面找到 iOS UI Design 和Material Design 查看。
五. 导航栏的不一致
Android版的返回icon，通常用左箭头（中间有一杠）。同时导航栏的标题位于左边箭头之后，标题为当前界面的标题。
iOS版的返回箭头（中间没有一杠），返回箭头之后为上一级界面的标题。导航栏中间的标题为当前界面的标题。
六. 返回上一级界面的差异
除了左上角的返回箭头，Android手机都可以点击虚拟返回键返回上一级界面。
iOS版App都可以从左边缘向右滑动返回上一级界面，部分App的Android版也做了从左边缘向右滑动返回上一级界面。
做设计，有一个很简单的办法就是先借鉴官方、行业主流的设计，在学习和借鉴的过程中总结分析别人设计背后的逻辑。官方、主流设计已经将用户的认知和使用习惯培养起来了。正如交互之父Alan Cooper所说：如果你找不到更好的设计方案，就按照目前的标准来做，强打差异化有违背用户习惯的，可能这对用户价值是有伤害的。
这就是为什么我以微信为载体对比iOS和Android两大系统的差异。
当设计能力到达一定的水平，同时目前市场的解决方案都满足不了现有的业务需求，就可以学会创造，但是在创造过程中最好依据现有标准设计来改变与创造。
欢迎关注作者的微信公众号：「UEDC」
向您推荐：
经常遇到很多伙伴咨询如何去提升专业、练习应该怎么去做、灵感从哪里来等等问题。结合这些问题总结和梳理了一下自己的点滴经验，希望能帮助到大家，与之共勉。
本文的目的是给刚入行的新人分享个&
每当苹果公布新的壁纸，总会有人或者手机厂商去模仿苹果家的壁纸，因为他家的壁纸是真的好看啊。今天我们来学习一下最新的iPhone8和 iPhone x的壁纸是怎样做出来的？
值得注意的是，&
被iPhone X刷了一天屏，到下午实在受不了各种标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍的标题党。索性自己写一篇只针对iPhone X适配的贴子，与适配无关的内&
@Echo 由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。
对于大部分入门设计师及中级设&
如果你关注过一些取得大成就的人，总会在他的成长故事中发现很多传奇的经历，比如少年时代的天赋异禀，或是30、40岁的大器晚成，为了做好某件事的废寝忘食等等…然后摸摸自己的胸脯说，他们是天才，我只是个普通&
@Micu设计你是美工？还是设计师？你是合格的设计师吗？ 设计工作中最基础的修图会吗？找素材拼图会吗？ 如果这最基础都不会，能称自己是设计师吗？能漫天要价吗？ 如果有点职业道德，先学会最基础的修图，再谈设计吧！ 一起看看别人是如何将图片合成的！ 第1组:采集素材 完成设计： 第2组: 第3组: 第4组: 第5组: 第6组: 第7组: 第8组: 第9组: 第10组: 第11组: 第12组: 第13组: 第14组: 第15组: 第16组: 第17组: @Micu设计投稿，自 weibo
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~ 相关阅读： 设计师需要掌握的图片原理与优化技巧 Android设计中的.9.png 切图小贴士 一.android版 在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）； 1、底部栏目的icon和背景：
这个一般有2种切法：（有默认和选中之后的效果）
2、顶部栏目的背景切图： 由于顶部导航栏的是渐变样式，所以切图只需要切一小条，技术来平铺拉伸就可以~（PS：如果是花纹背景，就必须切整条了，因为花纹切一小条就会被拉伸了~） 3、标注文字大小和行间距：（以这张图为例子，我标注好了，请看下图） 需要注意的： A：android主要有3种屏，即： QVGA和WQVGA屏density=120; HVGA屏density=160; WVGA屏density=240; B：apk的资源包中， 当屏幕density=240时使用hdpi标签的资源 当屏幕density=160时使用mdpi标签的资源 当屏幕density=120时使用ldpi标签的资源； C：我们标注的是PX，但是技术的算法是DP，所以需要PX和DP进行转化，PX和DP的转化主要跟密度有关系，当密度density=160即（屏幕尺寸：320*480）时，1PX=1DP；当密度density=240即（屏幕尺寸：480*800）时，1PX=0.75DP；当屏幕的尺寸大于480*800的时候，密度都按照240计算即可；当密度density=120即（屏幕尺寸：240*320）时，这个现在几乎没有人用了，所以我也不知道转化公式，如果您知道，可以留言告诉我啊~ 注意：因为我们做的是基于480*800尺寸的，大家都知道android的尺寸太多了，要想适配现在流行的尺寸，比如：640*960；720*1280等，唯一的解决办法就是图标可以根据不同尺寸各做一套，也就是图标需要做480、640和720共3套图标，不过如果你们的产品的要求不严格，做一套就可以，只不过是在大于480尺寸的屏幕上有些图标被拉大变虚而已~ 二.ios版 在做ios版本设计的时候，尺寸有3种，分别是：320*480、640*960、640*1136；这时我们要以一种尺寸为基准，那这个基准尺寸是640px*960px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）； 1、底部栏目的icon和背景：
这个一般有2种切法：（有默认和选中之后的效果）
2、顶部栏目的背景切图：
由于顶部导航栏的是多颜色的，所以只能切一整条给技术，商圈的图标要单独切出来
3、二级标题栏目的切图： &
周陟 （@UCDChina 深圳负责人、交互设计专业委员会（@IxDC）部长） ：我发现一个问题，大部分刚入行或者经验不多的设计师在碰到问题的时候都喜欢”索取”，最好有个现成的东西放那儿给他供着。这暴露了我们设计师群体一个严重的现状——自学能力的欠缺。 我上次提到设计师的三大素质（我自己觉得是这样，也是招人的时候重点考察的），这次就专门聊聊自学能力的问题，与各位打拼靠自己的朋友共勉。 作者还有一篇很有意思的分享：普通UI设计师与顶级UI设计师的区别是什么？ 什么是设计师的自学能力？ 我们对自学能力的理解是从上学的时候建立的，但那个时候的”自学能力”相对单纯，无非也就是如何通过自己看书、做题，复习到达熟练记忆，以便应付各种苛捐杂税式的考试。 但进入设计行业后，这个自学能力不仅仅限制在”了解知识、复述知识”的范围，设计师要学习各种软件，学习如何寻找灵感，学习如何与客户沟通，学习怎样规划自己的行业前景……这种交叉性的自学要求会成为很多人的屏障。并且，很难定义一个所谓的”自学能力”的量化目标。 就我个人理解，设计师的自学能力是使用合适的时间、方法、资源达到独立的、正确的解决问题的能力。 如何才能有效的自学？ 你细心的话，应该注意到上面我的用词，这些关键点就是有效自学的途径。在设计这个行当，光努力是不够的，我们不只是要强调效率，也要强调效能。回过来看，你们学校历史中是不是总有那么几个无论如何努力都始终分数不高的货色？ 首先是合适的时间； 如果一件需要花时间的学习任务超出了你的时间成本，你就不应该去碰它，或者换一个更好的方式，比如：你现在是一个从事了8年平面设计的设计师，你觉得目前做动画的收入高，你希望通过自学动画，然后跨行到这个领域，那么未必是最好的选择，首先你的8年的平面经验几乎没有再升值的空间，其次作为一个新人，也许你还要3年的等待，好死不死，你的脑子不错，等到你学有所成，动画行业又是另一个新的天地了。 正确的方法是重要的； 方法不仅是你练习的方式，还有思考问题的方式，这里强调的是设计师快速发现问题的能力，只有准确的了解需要自学的领域的难度、行业标准、设计思路、应用形态，你才知道从何入手； 比如：你想自学网页设计，并把网页视觉设计师作为自己的职业发展，你就应该首先了解，一个网站的基本结构，每个结构需要哪些工作岗位，他们的职责有何不同，一个网站视觉设计师应该干什么，抓住重点（而不要一开始去学什么HTML代码，那不是你最该关心的，我这话是说给某个朋友听的）。 资源指的是任何能够让你了解到所需知识的平台； 基础的东西先看维基和google，然后去书店翻一翻行业著作，然后下载一些软件的学习版知道你要使哪些工具，这些都是你的资源，如果凑巧你还能找到一些资深的从业人士咨询就更好了，但是要提醒的是，别人没有义务回答你，所以你先要准备好自己的问题。 独立性决定了你在自学途径中对自己的要求；你善于坚持的品质是你能够成功通过自己的努力达到目标的前提条件，在你周围没有更多的资源可以利用的时候，你只能靠自己不断的练习，思考。我发现要求很多设计师练习没有问题，要求他们思考却很难，自学的过程中，”想”永远是最关键的。 自学不是万能灵丹 你的性格不适合自学。这是正常的，有部分朋友他们的性格天生就是依赖性强，缺乏主见，在遇到困难的时候选择逃避，那么这样的性格想完全通过自学来达到一个”好高骛远”的目标是不太可能的。你需要选择一个付费的培训机构或者老师，通过一些外部的压力，让你有所提高。 除了自学还应该参与交流。交流当然是重要的，通过交流可以达到解惑的效果，有个前提需要注意，你要和别人交流，别人也需要知道值得和你交流，因此你要有所储备，交流既然是平等的也就需要基础，别以菜鸟之心度老鸟之腹，既冷了场又露了怯。 自学的技术必须转化为实际项目。你的自学有可能是为了自我提升，自我积累设计经验，但如果是为了解决实际问题，那么你自学的成绩就必须经过实际项目的检验，比如：你学习了一些新的交互设计的工作技巧，那么在你自己从事项目的时候你就应该争取机会导入进去，否则到头来，你也只是做了一嘴的好交互。 “人一定要靠自己”，说的不是抛弃阶级感情和团队协作，而是面对困难和障碍的时候，往往只有你自己才是靠得住的。缺乏自学能力的设计师，从性格与技能上都会落于下风，因此请不要让自己”被飞”的日子来得太早。 原文出处：《闲言碎语：周陟设计随笔》，感谢作者的无私分享，推荐童鞋们阅读原著，受益无穷 : ） & &
移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配问题终于还是来了，移动设计全面进入“杂屏”时代。看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了。 加上Android生态中纷繁复杂的各种奇葩尺寸，现在APP设计开发必须考虑适配大、中、小三种屏幕。所以如何做到交付一套设计稿解决适配大中小三屏的问题？设计和开发之间采用什么协作模式？一个基本思路是： 1、选择一种尺寸作为设计和开发基准； 2、定义一套适配规则，自动适配剩下两种尺寸； 3、特殊适配效果给出设计效果。 & 手机淘宝的iPhone 6/iPhone 6 Plus适配版本即将提交App store审核。先晒一下我们采用的协作模式，再慢慢说明原委。 第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图。 & & 第二步，输出两个交付物给开发工程师：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。 & 第三步，开发工程师拿到750px标注图和@3x切图资源，完成iPhone 6（375pt）的界面开发。此阶段不能用固定宽度的方式开发界面，得用自动布局（auto layout），方便后续适配到其它尺寸。 & 第四步，适配调试阶段，基于iPhone 6的界面效果，分别向上向下调试iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的界面效果。由此完成大中小三屏适配。 & 为什么选择iPhone 6作为基准尺寸？ 当面对大中小三种屏幕需要适配的时候，很容易想到先做好一种屏幕，再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6（750px/375pt）作为基准，基于几个原因： & 1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和文字之间视觉比例可能失调。 & 2、iPhone 6 plus有两种显示模式，标准模式分辨率为，放大模式分辨率为（即iPhone 6的1.5倍）。可见官方系统里iPhone 6和iPhone &
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。 现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720××1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960, 640×××2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。 像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。 所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixels per inch）。这项指标是连接数字世界与物理世界的桥梁。 Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。 倍率与逻辑像素 再用iPhone 3gs和4s来举例。假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。 在现实中，这两者效果却是一样的。这是因为Retina屏幕把2×2个像素当1个像素使用。比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。 在以前，iOS应用的资源图片中，同一张图通常有两个尺寸。你会看到文件名有的带@2x字样，有的不带。其中不带@2x的用在普通屏上，带@2x的用在Retina屏上。只要图片准备好，iOS会自己判断用哪张，Android道理也一样。 由此可以看出，苹果以普通屏为基准，给Retina屏定义了一个2倍的倍率（iPhone 6plus除外，它达到了3倍）。实际像素除以倍率，就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同，它们的显示效果就是相同的。 Android的解决方法类似，但更复杂一些。因为Android屏幕尺寸实在太多，分辨率高低跨度非常大，不像苹果只有那么几款固定设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间，给不同范围的设备定义了不同的倍率，来保证显示效果相近。像素密度概念虽然重要，但用不着我们自己算，iOS与Android都帮我们算好了。 如图所示，像素密度在120左右的屏幕归为ldpi，160左右的归为mdpi，以此类推。这样，所有的Android屏幕都找到了自己的位置，并赋予了相应的倍率： ldpi [0.75倍] mdpi [1倍] hdpi [1.5倍] xhdpi [2倍] xxhdpi [3倍] &
智能腕表上的应用程序应该更多依靠手势操作而不是导视元素，应该优先考虑最重要的信息传达，支持越区切换操作，创建为用户量制并且独立的内容
设计初期，我们希望能够挖掘一些用户在手机端常用的点进行延伸，如：访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计今天的教程是一个超简单的钟表图标绘制，无任何难度，仅仅是图层样式的应用，适合新手入门临摹练习，源文件已打包
(点击下载)，感兴趣的同学来简洁App网站界面设计
相机的镜头不是普通的玻璃，表面会有一些特殊材质，正眼看上去会是彩色的。总体制作方法跟玻璃类似，只是铺色的时候需要用多种颜色来渲染。
Tubik Studio ：我们的日常生活中总是面临着无尽的选择，大量的挑战。设计的决策也是如此，一...
在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现...
在过去的2年当中，设计领域一直在探讨UX写作（UX Writing）这一“新兴”的设计分支。实际上，...
莫贝网（www.mobileui.cn）移动设备界面设计专业网站。为UI设计师提供手机界面设计，移动应用界面设计，平板电脑界面设计，导航界面设计等手持移动设备，移动终端界面设计相关知识的收集分享，共同学习的网站。
关注微博：