5再来谈移动端APP字体排版设计,也许有人会说,这个还有什么好说的呢?但是真正能够运用好APP字体设计的人还真的不多。不信,我们往下看看这个7个移动端字体设计原则吧! 1. 留足空间 与普遍观点恰好相反,字体并非屏幕上弯弯曲曲的线条排列;它主要在于周围和相互间的空间。 字母本身对字体的影响,与构成它的空间相比,要小得多。 要理解这一点,了解字体从何而来很有帮助...
2015-04-16
1打开手机,或许你已然发现,各式各样、色彩缤纷的APP已经霸屏了!不知从何时开始,就连我自己手机上的APP也已经数过半百了。从每天必逛的淘宝,到最近刚迷上的足记,还有睡前必听的片刻。我的一天24小时,就这样被这些衣食住行、吃喝玩乐给瓜分毕尽了。这其中,有我day day open的死忠APP,也有轰动一时却随时可能被我卸载的APP。 不难发现,APP太多了,以...
2015-04-16
6好久没跟大家分享一些美的APP引导页设计作品啦,今天小编收集了几个非常漂亮的扁平化设计风格的APP引导页设计图。非常值得我们去学习和临摹的APP界面设计作品。 闲话少说!直接看图吧!小编认为这几套APP引导页设计稿应该是出自AI。 1、爱浪去APP的引导页设计欣赏 这套APP引导页设计非常的卡通,形象。超萌!我想APP设计师也是一位比较潮流的年青的设计...
2015-04-15
2马上过年了,估计很多小伙伴买了自己喜爱的苹果电脑作为自己接下来的APP设计工具。 而目前比较火的Mac上的APP设计工具首推:Sketch 3.0 到底Sketch是何方神圣呢? Sketch是一款Mac平台的矢量绘图工具,是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。能够满足网页、用户界面、图标等的设计需求。同时 Sketch是一款为设计师...
2015-04-15
5手势操作如今在APP交互当中越来越重要啦,已经开始取代直接去触碰实体或虚拟按键,轻轻松松挥舞双手便可以实现各种复杂的动作等。比如上下拉、左右滑等。 但是移动手势操作不能滥用,具体场景具体使用合适的手势操作。 那什么是优秀的手势操作呢? 优秀的手势操作是那些可以让用户明确知晓如何使用,并且用户能知道在它是否可用的手势。iOS 的锁屏界面就是个很好的例子。iOS...
2015-04-15
8当我们玩转很多有趣的APP之后,发现很多APP很多单手操作功能基本都是一样的。因为这些单手操作交互效果都是通用的,也是移动端固有的操作方式。 今天25学堂跟大家来回顾下五种常用APP单手操作用法。 在目前APP的设计当中,多层级、多页面切换是最频繁的操作,如果仅仅依靠大多数应用左上角的back键来返回或是点击后才能切换tab,使用起来将非常不方便,因此APP...
2015-04-15
1目前来说,fontawesome图标字体库主要使用在Bootstrap框架里面。可以说是一个非常完美的组合。也同时省去了webAPP前端工程师去设计和寻找图标的时间。提高我们的工作效率。之前25学堂也介绍过一些图标字体资源站。在线生成自定义APP图标字体利器:IconVault Fontello图标字体的发电机,根据字体大小生成相应图标;5个免费设...
2015-04-15
1今天25学堂跟大家分享一组国外移动APP设计师,按照自己的理解来设计的一套全新别致的ios8设计风格的移动设计作品。欢迎大家拍砖。 当然,如果你还需要iOS 8 GUI全套UI PSD练习素材,可以点击下载哦! 欣赏完之后,如果你也有冲动自己来设计一套属于你风格的ios8设计风格的移动APP设计作品话,必须先了解移动APP设计入门文档:iOS8和Androi...
2015-04-15
515年已经悄悄的过去2个月啦,目前从事移动app设计和APP开发的同学们越来越多。但是对于哪些从网页web端转向移动端APP设计的同学们来说,一个非常完整而且简单清晰易懂的APP设计案例是他们的救星。 所以,今天你来到了25学堂,25学堂再次分享一组非常棒的安卓APP视觉设计规范。 此次讲解的APP案例是关于云信安卓版APP。当然这里还有2个非常棒的APP设...
2015-04-15
5中国有句古话,千里之行始于足下。不光在工作中,在我们的日常生活中,也会经常遇到这样的情况,我们下了很大决心,也设想了很多次,自己都觉得完美为之啧啧称奇的时候,事情却最终却泡汤了,究其原因,不是我们的能力不足,也不是我们计划不够缜密,就是因为我们没有真正动起来,坚持下来,看了硅谷顶尖公司Facebook内部高效工作PPT指南。我相信对于每一个人都是有启示的! ...
2015-04-15
3当我们把APP产品开发完成之后,马上就会投入运营和优化。在这个过程中,APP产品设计师就要学会去收集信息,看懂移动APP数据分析。这一过程当中,APP产品设计师和APP运营专员是紧密合作。堪称无间道! 我们先来看看何谓APP运营专员的逼格? 三流玩产品,二流玩流量,一流玩用户。 运营的本质是迭代和优化,在一次次迭代中发现症结,解决问题,优化提升。 那...
2015-04-15
5下面这个APP设计的最大特点就是采用了六边形的设计元素来设计,非常棒! 下面这个APP界面设计欣赏是来自innit的设计。 而下面这个是APP 图标设计的或者手机主题设计作品欣赏。 下面这个非常简单的APP设计,也是app入门学生容易掌握的设计技巧和案例。 下面这个APP是国外某社交移动应用。跟我们的微信wechat类似。 在此,25学堂愿意与各位每周欣赏一...
2015-04-15
6在这里,25学堂的小编想要问下大家,何为Think aloud? Think aloud 就是对现有用户的界面设计测试的一种方法,也叫出声思考。 出声思考:参试用户在任务进行过程中出声表达自己的想法。 使用 Think aloud方法,需要提供给被测用户待测的产品或界面原型,要求被测用户根据指定任务操作产品或界面,与此同时,即时地说出使用产品界面时的想法、...
2015-04-15
4今天小编跟大家来普及下如何去制作一个很简单的web APP页面或者说是一个微信端页面。然后也跟大家说一下移动端html5开发的一些常识和干货分享。适合移动端的界面制作,优化和兼容性调整工作的同学们来学习和回顾。 1、智能手机分辨率:(tips:这里显示的都是网页端的尺寸@1x的尺寸) 预设的分辨率有(可切换横版,竖版) 普通智能手机:320×480 竖版...
2015-04-15
5好久没跟大家分享一些有用的iphone界面设计模板素材啦,今天在25学堂群内,很多APP设计新手需要一些实用性比较强的iphone6素材。于是,25学堂整理了五套iPhone界面设计PSD模板供大家下载和学习交流之用。 第一套:3个非常精美的iphone6 界面设计PSD模板 第二套:非常粉色激发男性app设计师逗逼的情绪的APP设计稿。 也是可爱女生喜欢的...
2015-04-15
3众所周知,ipad与智能手机相比,iPad应用的成功也取决于产品核心价值以及用户体验模式等诸多方面的因素。 今天25学堂chu’除了回顾ipad相关设计规范之外,也要跟大家来聊一聊移动APP产品在视觉外观、交互方式、情感联接等方面的表现,哪些会直接影响到用户对于APP的体验满意度。 下面是ipad设计的相关尺寸: 还有25学堂之...
2015-04-15
2今天还是跟大家分享一款多人可以同时在自己是智能手机上实时预览APP设计师设计的APP界面设计效果图。同时还可以给出相应的建议和设计思想。非常便利的一款手机同步photoshop的神器。 不知道各位还记25学堂之前分享的移动设备中实时预览APP设计效果图的2款国产神器,今天介绍的这款PS view跟腾讯开发的PS Play 很像。 当我们做完一张设计图的时候就...
2015-04-15
1我们经常会看到这样的图片设计素材,非常炫酷!也是特别容易作为一些背景素材来使用。可以很好展示企业团队形象。 今天很高兴,25学堂可以为我们的设计师们推荐这样一款可以快速生成多个小头像拼接而成的APP设计背景素材。 该APP设计背景素材工具是:Uifaces 酷站网址:http://www.uifaces.com/ 打开该网站,用户可以自定义头像的大小,形状、...
2015-04-15
5对于一位移动APP设计师来说,字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。 所以,ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发,尽量达到最佳显示效果。 25学堂今天来跟大家回顾和整理iOS&Android 移动设...
2015-04-15
7页面视图 在讲页面结构化之前需要先理解视图的概念,视图是单页应用开发中最常见的模块,通常在一个单页应用中,会有多个视图存在,每一个视图都可以处理一部分业务功能,所有视图的功能集就是单页应用所能处理业务的最大能力。下面介绍几种单页应用中最常出现的几种视图。 2.1 单视图层 三段式结构是单视图的一种最基本布局方式,如下图: 单视图并不一定都有head或foot...
2015-04-15