随着Android和iOS语言的兴起,能够在手机上运行的APP软件已经成为了目前移动应用技术的焦点,APP的UI设计随之也越来越受到重视. 用户的需求不断增加,技术也在不断的更新,UI设计也越来越被重视起来. 作为一个入行已经两年的UI设计师,这里有一些作图的经验和技巧要与大家分享. 我们就从头说起,首先给大家分享的是一个完整的APP的制作流程,是这样的: 用户需求-->产品设计-->UI设计-->后端开发-->移动端开发: 这也就诞生了4个职业,产品经理.UI设计师.后端程序员.…

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

目前最为齐全的iOS APP设计规范大全,Mark一个- 欢迎参考本文,未经许可,严禁转载!…

app设计规范 目前,很多APP设计师的APP Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸.这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全. 当然下面的10个方面的不仅是iPhone6界面视觉设计尺寸规范,也是iPhone6界面原型设计尺寸规范.值得APP设计师和APP产品经理好好的阅读. 所以,ios系统平台上的APP交互设计稿的尺寸,就按照iPhone6的尺寸来做. 尺寸大小如下:750*…

原文链接:http://www.ui001.com/chicun/ ①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plus设计版 1242 × 2208 60px 132px 146px iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程 一套完整的UI设计规范手册(IOS版) 移动端界面设计之尺寸篇(淘宝版) 图说: iPhone 6 (plus) 没那么容易搞定 iPhone6 plus物…

设计师DPI指南 本指南旨在为初级到中级设计人员提供“入门”或介绍性阅读,他们希望从一开始就学习或获得有关跨DPI和跨平台设计的更多知识. 尽可能少的数学和没有不可解析的图形,只需在简短的部分中订购直接的解释,以便您理解并直接应用于您的设计过程.     什么是DPI和PPI 每英寸DPI或点数是最初用于打印的空间点密度的度量.这是打印机可以放入一英寸的墨滴数量.每英寸点数越多,图像越清晰. 该概念应用于名为PPI for Pixels Per Inch的计算机屏幕.相同原则:它计算屏幕每英寸显…

首先,本人大学计算机专业出身,学过编程,工作的时候做过 产品经理,设计师,前端工程师,对工作的流程都有一些见解. 现在主攻前端工程师,做Web APP.今天收到设计师的设计稿,一看图层分类,这让我感觉很凌乱. 设计师工序其实包括,按照产品经理原型图设计界面,设计完后,用MarkMan量好尺寸后,APP的话需要根据情况切成.9图和@2x图等等,网页一般交给前端工程师切,才进入下一道工序. 设计师有时候为了省时间,图层不做好编组和命名,尺寸经常差几像素等等,这是对自己作品的不负责任, 你省出来的时间…

大图可保存到本地…

策划007-App界面交互设计规范 字数1805 阅读3544 评论20 喜欢154 交互设计规范 在上篇<策划006-APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计.在细节设计启动前,拉上设计师和安卓前端开发.ios前端开发一起商议确定设计规范先吧! APP设计规范指对APP界面进行风格统一,对界面元素的样式.颜色和大小设定统一的规范和使用原则.与设计.前端约定好统一的设计规范很重要,约定设计规范可以减少产品.设计.前端的沟通成本:…

在上篇<APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计.在细节设计启动前,拉上设计师和安卓前端开发.ios前端开发一起商议确定设计规范先吧! APP设计规范指对APP界面进行风格统一,对界面元素的样式.颜色和大小设定统一的规范和使用原则.与设计.前端约定好统一的设计规范很重要,约定设计规范可以减少产品.设计.前端的沟通成本:可以使界面设计整洁.统一,减少界面元素的重复设计:可以减少设计素材,控制安装包的大小. APP设计规范主要包括对…

如今手机app的屏幕设计尺寸参差不齐,仿佛来到了移动界面尺寸战国时代,每家移动设备制造公司都为了迎合大众的口味,各家都在2014年大放光彩.2015年也将会是我们移动APP设计界快速发展的一年. 因为给我们的挑战越来越大,如何应付这么挑战,我们必须知道2015最新移动App设计尺寸视觉规范. 于是25学堂收集了这么一套完整版的2015最新移动App设计尺寸视觉规范[图文版]来与大家分享.同时感谢这张最新移动App界面视觉规范信息图制作者的辛苦劳作!非常感谢.废话不多说,直接看图吧! 2015最新…

安卓app设计规范整理和Android APP设计篇 http://www.25xt.com/appdesign/6536.html APP UI面试题:iOS和安卓的ui设计有什么区别 http://www.25xt.com/appdesign/9839.html 移动APP设计入门文档:iOS8和Android设计规范 http://www.25xt.com/appdesign/7187.html http://www.shejidaren.com/examples/tools/chichu…

对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使用灵活性的一些问题. 今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型.作为一名优秀的产品人不仅要保证效率,也要保证质量才行. 首先抛出我的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一…

之前写了一些关于APP原型文档的文章:一款APP的交互文档从撰写到交付 这次想写下关于APP设计规范文档的内容,规范文档这个东西,实际上大部分中小型公司没有这方面的需求,也没精力去制作这样一个系统性的东西,所以文章篇幅不长. 但设计规范本身是个非常有助于保持产品品牌统一的好东西. 几年以前写设计规范文档,都是一页页的手写设计规范,效率低下,主要还是累~ 最近又开始为新的产品项目撰写设计规范了,时代进步,生产技术也要进步嘛~ 于是我发现了个非常高效的设计规范制作工具:Mockplus摩客的设计系统…

界面尺寸 android的尺寸众多,建议使用分辨率为720×1280的尺寸设计.这个尺寸720×1280中显示完美,在1080×1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高. 状态栏高度:50px 导航栏高度:96px 标签栏高度:96px Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和标签栏一样的:96px 内容区域高度为:1038px (1280-50-96-96=1038) 1.安卓app设计规范之尺寸或分辨率 目前最…

本期 Weekly 收集了一些热度资源,包含 Android.iOS 开发工具与源码分享,程序员也应该了解的产品运营.设计等 Tips ,希望对你有帮助. 600个Android开源项目汇总 勤劳的 @Trinea 集合了六百个 Android 开源项目汇总发布到 codekk.com 上,和源码解析结合.非常强大,详情见这里. 用 OC 移植的 Smartisan OS 播放器 @Leslie_Jia分享了自己用 OC 移植的 Smartisan OS 播放器,源码地址在此. Android-…

http://www.yixieshi.com/ucd/13759.html APP界面设计规范指导APP设计过程中的设计标准,根据统一的设计标准,使得整个APP在视觉上统一.提高用户对APP的产品认知和操作便捷性.今天我们互联网的一些事和大家分享一份iOS设备的App设计规范,内容“本来每”负责整理.    关注 互联网的一些事 官方微信,回复" 13759 " 即可在微信里阅读本篇内容. 在查找公众号中搜索:imyixieshi,或者扫描下方二维码快速关注.   围观: 17071…

链接地址:http://www.zhihu.com/question/20248971 著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.作者:刘剑链接:http://www.zhihu.com/question/20248971/answer/14480857来源:知乎 高清晰度的iPhone和iPod touch(单位:像素) 启动影像 :640 x 960 APP图标:114 x 114 App Store商店:1024 x 1024 Spotlight搜索小图标: 58…

为了使UI界面在不同大小的移动端显示器上能够正常显示,大家可能都知道使用sp作为字体大小的单位,dp作为其他元素长度的单位. 前几天看了一篇文章关于 App设计规范的,文章用心写的非常好,这里是链接 http://www.25xt.com/appdesign/10821.html .但是费解的是所有的长度单位都是用px.好吧,""原谅"这位UI设计师良心ps的一张app设计规范图.在UI布局的时候有必要了解一下android设备的适应了. 先来问大家几个问题, 1.andro…

国内物联网平台(3)——QQ物联·智能硬件开放平台 马智 平台定位 将QQ帐号体系.好友关系链.QQ消息通道及音视频服务等核心能力提供给可穿戴设备.智能家居.智能车载.传统硬件等领域的合作伙伴,实现用户与设备.设备与设备.设备与服务之间的联动. 实现用户与设备及设备与设备之间的互联互通互动,充分利用和发挥腾讯QQ的亿万手机客户端及云服务的优势,更大范围帮助传统行业实现互联网化. 应用场景 音视频类产品    (网络摄像机(监控.看护) .行车记录仪.可视门铃) 沟通互动类产品(语音对讲手表.儿童…

平台定位 将QQ帐号体系.好友关系链.QQ消息通道及音视频服务等核心能力提供给可穿戴设备.智能家居.智能车载.传统硬件等领域的合作伙伴,实现用户与设备.设备与设备.设备与服务之间的联动. 实现用户与设备及设备与设备之间的互联互通互动,充分利用和发挥腾讯QQ的亿万手机客户端及云服务的优势,更大范围帮助传统行业实现互联网化. 应用场景 音视频类产品    (网络摄像机(监控.看护) .行车记录仪.可视门铃) 沟通互动类产品(语音对讲手表.儿童早教机.社交电视.电子相框) 数据采集类产品(体重秤.温度…

[前端] 1. React Fiber 架构 React16 启用了全新的架构,叫做 Fiber,其最大的使命是解决大型 React 项目的性能问题,再顺手解决之前的一些痛点. 详情:https://zhuanlan.zhihu.com/p/37095662 2. React 16 加载性能优化指南 作者从用户打开一个链接到页面完全呈现出来的全过程来分析各个阶段的优化,整个过程分为:打开页面 -> 首屏渲染 -> 首次内容渲染 -> 可交互 -> 内容加载完毕, 使用到的关键优化方…

IOS篇 一.尺寸及分辨率 iPhone界面尺寸:320*480.640*960.640*1136 iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080) 设计图单位:像素72dpi.在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果. 如果是我来做的话,我会使用640×1136,对plus做单独的修改…

记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通 iOS篇 界面尺寸 设备 分辨率 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus 1242×2208 px 60px 132px 147px iPhone6 750×1334 px 40px 88px 98px iPhone5/5s/5c 640×1136 px 40px 88px 98px iPhone4/4s 640×960 px 40px 88px 98px iPad3/4/Air/Ai…

第一章 APP用户界面基础 1.1 手机UI设计相关基本概念 1.1.1 什么是UI设计 UI(User's Interface)即用户界面,它不仅仅是美化界面,还需要研究用户,让界面变得更友好.简洁.舒适.易用.用户界面无处不在.它可以是登录界面,也可以是软件界面,手机.PC上都有: 1.1.2 手机UI与平面UI的不同 手机UI将范围基本锁定在手机的APP/客户端上.平面UI范围则非常广泛,包括了绝大部分的UI领域. 1.1.3 什么是APP/客户端 APP(application)指的是应…

项目上传到应用市场,没有美工配合,那就只能自己捉刀了. 有几个点快捷键要注意,对使用ps有帮助 (1)ctrl+enter 建立选区 (2)建立选区后,移动到另外的图层,按delete键就为删除 (3)ctrl +shift+i 反向选择 以下是百度到的文章 1 现打开Photoshop软件,打开需要修改的图片. 2 如果图片被锁定,请“双击”图层中“背景”解锁,如果没有图层菜单,在最上面导航栏中:窗口—图层.如下图: 3 点“确定”,解锁. 4 选用“圆角矩形工具”. 5 设置圆角弧度大小,设…

通过对不同类型的app进行总结,总结出app的字体规范. 一.字体选择 1.IOS:苹果ios 9系统开始,系统最新的默认中文字体是:苹方.英文字体是: San Francisco 2.Android:英文字体:Roboto,中文字体:Noto 二.案例分析 1.以今日头条界面为例,导航主标题字号为40px,正文标题为36px,辅助性说明文字为24px,小字(视频长短,标题栏按钮名)为20px,头像名为28px.字体大小代表的层级关系一目了然. 2.正文部分,导航栏标题文字为36px,内容标题为…

转自 :http://www.woshipm.com/ucd/608557.html 作者:EID_UX_DESIGN,微信公众号:EID_center 原文地址:http://www.ui.cn/detail/221439…

设计稿尺寸:从目前市场主流设备尺寸来看,我们要用 1080 x 1920 PX  来做安卓设计稿尺寸. 以1080x1920px作为设计稿标准尺寸的原由: 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角. 用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配. 所以做安卓设计稿时请以1080x1920px来做设计稿 (sketch用户以540 x 960来做设计稿) 界面设计控件尺寸: 安卓图标尺寸 安卓的图标相…

原文地址:http://www.woshipm.com/ucd/193776.html…