Photoshop——APP设计规范
随着Android和iOS语言的兴起,能够在手机上运行的APP软件已经成为了目前移动应用技术的焦点,APP的UI设计随之也越来越受到重视。
用户的需求不断增加,技术也在不断的更新,UI设计也越来越被重视起来。
作为一个入行已经两年的UI设计师,这里有一些作图的经验和技巧要与大家分享。
我们就从头说起,首先给大家分享的是一个完整的APP的制作流程,是这样的:
用户需求-->产品设计-->UI设计-->后端开发-->移动端开发;
这也就诞生了4个职业,产品经理、UI设计师、后端程序员、前端程序员。
产品经理负责分析用户需求,功能模块划分,设计产品架构图等工作;
UI设计师负责承接产品经理的产品架构图,之后利用Photoshop或者sketch等软件来排版、构图、配色,最后以图片以及切图的形式交给前端程序员;
后端程序员的任务是根据产品来编写数据库,提供接口以及接口文档,完成客户端数据的传输;
前端程序员根据UI设计师提供的UI图、产品经理提供的业务逻辑、后端程序员提供的接口和接口文档完成一个完整的APP!
闲话不叙了,拐入正题,我们主要讲讲UI设计师的部分:
1. APP UI图的最小尺寸是:宽->750像素,高->1334像素,分辨率->72,这个最小尺寸是使用的IPhone 6 的标准尺寸;
2. 接着,设计app需要丰富的脑洞和创造力,但这需要在一定的限制下,比如,我们的界面需要有通知栏(放信号和wifi的那一条)、标题栏、内容栏、主菜单栏,如下图,这些基本的内容是不能舍弃的,因为我们的原则是给用户更好的使用体验度,当然,我们适当打破一点这些布局去追求用户体验也未尝不可,如网易云音乐app;
3. 接下来是字体要求,在app设计中,我们使用的字体应该全部使用黑体(以图片形式存在的文字除外),因为程序员在实现UI图的时候,如果要用到其他非系统自带的字体时候,需要加载字体包,这不仅增大了app的文件大小,也减慢了app的加载速度;
4. 接下来是配色要求,我们的配色应以一个主色为主,其他颜色做点缀,主色至多是一种颜色,而且这种颜色应该尽可能的能够长时间观看,这是为用户考虑,UI设计的原则就是用户至上,同学们也可以尝试使用黑白灰三色做主色,也相当好看;
5. 接下来是排版要求,排版应讲究对其原则,这样会给用户很舒服的体验,且应该留出边距,不能出现文字贴到图片边缘的情况;
Photoshop——APP设计规范的更多相关文章
- 安卓app设计规范整理和Android APP设计篇(转)
随着安卓智能手机不停的更新换代.安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等. 以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持 ...
- iOS APP设计规范大全
目前最为齐全的iOS APP设计规范大全,Mark一个- 欢迎参考本文,未经许可,严禁转载!
- web网页、手机app设计规范
app设计规范 目前,很多APP设计师的APP Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸.这一节课也算是25学堂为大家精 ...
- Phone APP设计规范/iPad APP设计规范/Android APP设计规范/网页设计规范
原文链接:http://www.ui001.com/chicun/ ①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plu ...
- APP设计规范
设计师DPI指南 本指南旨在为初级到中级设计人员提供“入门”或介绍性阅读,他们希望从一开始就学习或获得有关跨DPI和跨平台设计的更多知识. 尽可能少的数学和没有不可解析的图形,只需在简短的部分中订购直 ...
- 关于APP设计规范和一些图层命名
首先,本人大学计算机专业出身,学过编程,工作的时候做过 产品经理,设计师,前端工程师,对工作的流程都有一些见解. 现在主攻前端工程师,做Web APP.今天收到设计师的设计稿,一看图层分类,这让我感觉 ...
- APP设计规范大全
大图可保存到本地
- App界面交互设计规范
策划007-App界面交互设计规范 字数1805 阅读3544 评论20 喜欢154 交互设计规范 在上篇<策划006-APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所 ...
- App界面交互设计规范(转)
在上篇<APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计.在细节设计启动前,拉上设计师和安卓前端开发.ios前端开发一起商议确定设 ...
随机推荐
- Linux 命令之 linux 四剑客
Linux命令-- 四剑客 一:Linux命令 之 AWK 符号:^ 开头 $ 结尾 awk 是一种处理文本的语言,一个强大的文本分析命令! 1:提取文件中的每行的第二个 提取前文本中内容为 命令: ...
- 到底什么是.NET?
.NET 概念比较庞大,本文只讨论基础知识,只用简单语言描述. 我们是NET程序员,但是我们有没有思考过到底什么是.NET ? 官方定义 .NET是微软推出来的一个致力于敏捷开发的软件框架. 大概2 ...
- Dom中的一些接口
节点都是单个对象,有时需要一种数据结构,能够容纳多个节点.DOM 提供两种节点集合,用于容纳多个节点:NodeList和HTMLCollection.这两种集合都属于接口规范.许多 DOM 属性和方法 ...
- node--处理一个增加上传操作和渲染页数条
一段学习的结束 我也不知道我这是在写些什么,只是觉得学完了一些东西,就是想把它记录 一下,这样我就可以知道我是学过这一块的,要多激励自己,^^O(∩∩)O哈哈~ 以下内容并不完全与标题匹配,不过以下内 ...
- 图像读取函数cv::imread()的几种使用方式
string imgpath = "C:\Users\Y\Pictures\miao.jpg"; OpenCV的imread()函数不支持单右斜线形式的路径,即不支持上述形式的路径 ...
- PTA 1004 Counting Leaves
题目描述: A family hierarchy is usually presented by a pedigree tree. Your job is to count those family ...
- Scala之Option: Some None
Option类型本身没有实现,而是依赖两个子类型提供具体实习那:Some和None.Some是iyge类型参数化的单元素集合,None是一个空集合. ----<scala学习手册>P119
- Docker最全教程——从理论到实战(二十)
前言 各种编程语言均有其优势和生态,有兴趣的朋友完全可以涉猎多门语言.在平常的工作之中,也可以尝试选择相对适合的编程语言来完成相关的工作. 在团队技术文档站搭建这块,笔者尝试了许多框架,最终还是选择了 ...
- Docker最全教程——从理论到实战(十七)
前言 上一篇我们通过实战分享了使用Go推送钉钉消息,由于技痒,笔者现在也编写了一个.NET Core的Demo,作为简单的对照和说明. 最后,由于精力有限,笔者希望有兴趣的朋友可以分享下使用CoreR ...
- 在CSS中,link里 的rel="stylesheet"是什么意思?
rel是relationship的英文缩写,它描述了当前页面与href所指定文档的关系:stylesheet就是样式表的意思:CSS是 Cascading Style Sheet(级联样式表)的缩写 ...