学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评.然而万变不离其宗,移动端页面常用的布局,不外乎以下8种. 1.列表式布局 简书·列表式布局 特点:内容从上向下排列,导航之间的跳转要回到初始点 优点:1.层次展示清晰明了 2.视线流从上到下,浏览体验快捷 3.可展示内容较长的菜单或拥有次级文字内容的标题 缺点:1.导航之间的跳转要回到初始点,灵活性不高 2.同级内容过多时,用户浏览容易产生视觉疲

任何一款成功的APP都需要以坚实的产品概念作为基础,因为概念决定了产品最终完成的潜力. 一般情况下,交到app设计师手里的都是移动app产品原型图.当然这个是在移动产品经理反复斟酌,并且与大家开会讨论需求定下来的一个产品交互原型. 当你拿到参与讨论确定好的这个移动app产品原型之后,你是不是需要重新理清楚一下整个产品的业务逻辑和UI相关的事情. 所以,今天25学堂借助简书上的血儿的一篇博文<UI到底做什么>来跟大家好好的聊聊,到底如何七步搞定app界面设计. 当然,大家有兴趣可以阅读: 1.你

又是一篇翻译,用了三个多小时.http://android-developers.blogspot.co.id/2014/08/material-design-in-2014-google-io-app.html 2014 8 5 在2014年的google I/O app大会上的材料设计 Roman Nurik,google I/O android app的领导者 每年的google i/o大会,我们推出Android app的会议来服务两个目标. 首先,服务于来参加会议和在家研究的伙伴,个人

前言 在做一个有关苏果APP的项目中,但是fuck的是,我完全使用相对布局之后及线性布局之后发现坑爹的事情了,屏幕不能适配,这是多大的痛,意味着,必须使用相应的代码实现动态布局!呵呵,不做项目不知道,只有真正地下手去做某些事情的时候,才会发觉各种问题,原本打算先写view与framgent实现tabhost功能的博客的,但是碰到了这个棘手问题必须先把他解决了!同时不知道各位网友有什么好的方法来适配所有的安卓手机屏幕 问题 在xml文件中使用px之后出现了各种不适应屏幕的情况,控件不是大了就是小了

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57c7ff5d53bbcffd68c64411 作者:黄进——QQ音乐团队 摆脱XML布局文件 相信每一个Android开发者,在接触“Hello World”的时候,就形成了一个观念:Android UI布局是通过layout目录下的XML文件定义的.使用XML定义布局的方式,有着结构清晰.可预览等优势,因而极为通用.可是,偏偏在某些场景下,布局是需要根据运行时的状态变化的,

目录 1.   介绍 2.   软件环境 3.   在运行示例代码之前(源代码 + 示例登陆帐号) 4.   自定义操作结果和控制器扩展 1)   OpenFileResult 2)   ImageResult 5.   控制器扩展 6.   自定义HTML帮助器 1)   ImageButton 2)   EnumDropDownList 3)   CustomCheckBox 4)   ImageFromStream 7.   在MVC4.0中引入jqGrid插件(涉及技术:AJAX,JSO

在逛简书的时候,无意之间看到了这样的一篇非常有意思的app设计博文.顾25学堂的摘录了其中的一些关于移动端APP界面设计的精华.分享给25学堂的app设计师们. 当然,下面的这些app设计知识点是来自<写给大家看的设计书>这本书.有兴趣的小伙伴可以去购买看全部的. 25学堂推荐:移动端UI设计必看的三本APP设计书籍 亲密性:将界面中相关的元素组织在一起,成为一个组,让它们不被视作一堆散乱且彼此无关的片段. 如果微信的信息列表页面,每一项的名称.时间.摘要只是样式区别却未经组织,就会变得不那么

O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向,迎合餐饮消费者从以往经验判断为主转变为依靠移动设备.lbs.社交网络进行立体决策的过程.继App客户端之后,手机web app也逐渐成为O2O中联系消费者和餐饮业的纽带,通过Html5的技术支持,web app设计可以直接适配不同平台的手机屏幕并实现类似App客户端的体验,在O2O双向流程的闭环中加深消费者对品牌的认同和感情认知. 日前必胜宅急送推出的手机订餐web正是其O2O模式的策略补充和深化.FaceUI提供的web app设计包含了

注:(图中每个条目和图标都是由代码动态生成) 代码动态布局,并须要为每个条目设置图标,此时用到了 android:drawableLeft="@drawable/icon"  父xml文件: [html] view plaincopyprint" style="color:rgb(160,160,160); text-decoration:none; background-color:inherit; border:none; padding:0px; margin

移动App设计的重要法则指的是我们在设计App需要遵守的一些设计规范和法则,这些法则就好像一些行为规范一样. 1.导航手机客户端上的主导航(一级导航)如图6-22所示. 对图6-22中所示的几个主导航简单介绍如下:(1).桌面式主导航适用于“图标+短标题(名称)”的形式.在各个模块间无主次之分时,应保证代表各个模块的图标所占空间大小一致:有主次之分,应让主要的模块图标所占空间较大,次要的所占空间较小.还有一点需要特别注意,就是在进行桌面式导航设计时,要给用户提供个性化和自定义设置的功能.(2).

摘要:在 过去的一年里,移动成主流也让众多的移动应用如雨后春笋般层出不穷,在众多开发者从中获利的同时竞争也愈演愈烈,如何才能保证自己立于不败之地?用户是上 帝,一切还得从应用说起.本文总结了新一年里App设计的13大发展趋势,因为人心所向,所以大势所趋,你了解吗? 对于刚刚过去的2012年,你最想说什么?2012年的移动开发领域足以用“风起云涌,瞬息万变”来形容,移动应用市场蓬勃发展也让众多的移动应用 开发者获利匪浅,也由此涌现出了许多优秀的应用设计,随着用户的品质需求的上升,App界面设计也被

在应用程序中,一个界面的布局基本都是固定的. 在这个实例中,我们把管理布局的代码放在槽中.这样点击一次按钮,触发槽.布局改变一次.这样就成为一个动态布局. (一) 水平和竖直布局改变 横向: 纵向: 明显我们改变combobox中的选项.整个布局的界面就会变化.明显信号就是combobox中的 currentIndexChanged(int index),我们设计槽处理这个信号. ) { buttonLayout->addWidget(button1, , ); buttonLayout->a

视觉表现型问题 1. 统一的图标设计风格 2. 图标大小的视觉平衡(根据图标的体量对其大小做出相应的调整) 3. 优化你的分割线(通常我们会选择浅色而否定深色) 4. 合理的运用投影的颜色与透明度 5. 不要过度装饰,让界面更简洁 6. 图片比例&视平线的统一性(调整并列图片的大小比例) 7. 控制好界面中的配色数量(在选择配色组合时,使用相似色的配色方案可以使颜色更加协调和交融:如果希望更鲜明地突出某些元素,对比色是不错的选择) 8. 合理的进行设计对比 9. 提高配图的质量(对图片进行美化后

设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作流程一般分为下面两种: 网易做法: 页面开头处引入下面这段代码,用于动态计算font-size (function(doc, win) { var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ?

近日,Livecoding.tv, 一个为世界各地的程序员提供在线实时交流的平台,在其网站上发布了一篇通知, 宣布从4月15日至5月15日,会为iOS和Android的开发者举办一场本地移动app设计比赛.据介绍,此次比赛旨在鼓励广大编程爱好者积极参与程序开发,亦让大家可以有机会大展所长.通过比赛,让大家发现更多编程的乐趣.比赛将对所有人开放,不论是不是livecoding.tv上的注册用户,均可报名参加.届时,Livecoding.tv将在其博客空间上进行投票,选出得奖的App.比赛共设三个奖

android动态布局相比静态布局,动态布局不用再将xml转变了布局代码,提高了一定的效率,当然可以忽略不记.动态布局主要是比较灵活,可以很快的在代码中直接修改布局,并直接使用控件进行业务逻辑开发.但代码量通常比较大,维护没有静态布局方便.不过,作为一个android开发人员,掌握一定的动态布局技巧,有时在工作中也是可以提高一定的代码开发效率.   在动态布局中,要想实现一个布局,一般是先创建五大布局的对象.然后对这些对象进行属性设置,之后再向里面添加子布局或控件. 以RelativeLayou

随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化图标设计. 所以,我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节.根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范.应该说这是整理出最全面的安卓app设计规范. 25学堂站在不断更新和完善安卓app设计规范为宗旨!利用周末

如何在只有一套app设计稿(5s尺寸)切出4和4s尺寸以及安卓系统主流尺寸的图 转自:http://www.zhihu.com/question/23255417   版权归原作者所有 目前ios手机尺寸为320*480px:640*960/1136px:对应的手机型号为iPhone3/3g,iPhone4/4s/5/5s:他们的尺寸关系比为1:2 .android的屏幕众多(分为:idpi 240*320px.mdpi 320*480px.hdpi 480*800px.xhdpi720*128

html5/css3响应式布局介绍 html5/css3响应式布局介绍及设计流程,利用css3的media query媒体查询功能.移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局的媒体查询media query兼容问题 一个普通的自适应显示的三栏网页,当你用不同的终端来查看这个页面的时候,他会根据几种终端来显示不同的样式,在电脑上是三列,在pad上应该也是 三列,在大屏手机上是三行,在屏幕小于320的手机上只显示主要内容,隐藏掉了次要元素.(这里关于响应式布局还有个比较好的

曾经总认为动态布局是个非常麻烦的问题.是个非常须要功力的问题.可是貌似在.NET中,在WPF中却不是那么的麻烦.以下介绍我如今实现的一个动态布局的实例. 由于有需求,所以困难得克服!而我们的需求表名.不同的用户须要的界面元素是不一样的,我们总不能每次都去改动代码吧!所以,须要完毕动态布局. 这里主要完毕这样一个功能: 1.动态画线 2.动态new控件 3.线和控件都是可拖拽并任意放置位置的 4.线和控件是可删除的 5.控件是可绑定属性和事件的 要完毕这种功能,我们首先得定义三个鼠标事件.即:左键

在上下班的路上,听几首自己喜欢的音乐来打发无聊的等公交车和地铁的时间是现代年轻人的常态.音乐作为最能鼓动人心的"语言",也成为了人们在互联网生活里占比例最高的消费活动之一,一款好看,功能又全面的音乐APP往往最打动用户的心. 在当下的互联网音乐服务中,真正算得上是音乐管理软件的是Apple Music.视觉设计精致,全平台统一,在欧美和古典音乐上资源非常丰富,是一流的音乐流媒体服务产品,也是笔者最常用的软件之一.最近也正好关注到,国民原型设计工具Mockplus举办了一场以音乐APP为