一款APP的开发设计是如何从0到1一步一步设计的

目前在行业里,关于APP界面设计规范也是层次不齐,很多都还停留在6的设备和ios 9的系统之上,而现在最新的是iphone 7和iOS 10了(更新换代真的很快),我这里说的是最新的iOS 界面设计规范

一、关于设计工具

俗话说:工欲善其事必先利其器,好的工具可以让我们的工作效率更高,做界面设计我们用的最多的就是PS和AI了,如果你是Mac用户,可以尝试一下sketch,软件的版本当然是推荐高版本,因为功能更强大,作图的速度也就更快。

二、设计稿尺寸

在看设计稿尺寸之前,我们先来了解一下APP界面设计构成

界面构成由:布局层、图文排版层和图标层。

在iPhone 6还没出的时候,都是用640x1136 px来做设计稿的,自从6的发布,所有的设计稿尺寸以750x1334 px来做设计稿尺寸

iPhone界面设计规范:

iPhone 界面尺寸:

以750x1334px作为设计稿标准尺寸的原由:

1. 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。

2. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。

3. 设计安卓版本时只需做最小的设计调整,提升设计效率。

所以做设计稿事请以750x1334px来做设计稿

在文档建立参考线是一个很好的习惯,我希望大家也可以养成这个习惯,上下很容易设置,左右我习惯设置24 px的距离,我通过对国内外很多APP就行了对比,总结是24 px更合理,这个是我的个人习惯,所以也不要当做是明文规则,你设置为30 px,也是可以的。

然后就可以开始你的设计了

四、关于设计字体

先来看一下字体的历史演变过程

iOS 9:英文字体为Helvetica Neue

iOS 9:中文字体由为冬青黑

↓↓↓

iOS 10:英文字体为San Francisco

iOS 10:中文字体为苹方

关于字体大小的问题:

顶部操作栏文字大小      34-38px

标题文字大小                28-34px

正文文字大小                26-30px

辅助性文字大小             20-24px

Tab bar文字大小           20px

文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数。

关于界面设计就说到这里了,好的工作方法才能让自己事半功倍,你觉得对自己有帮助,那可以借鉴学习我的方法,在具体工作中也要灵活应用。

或者您有开发APP或者APP UI设计需求可以联系常州开发APP公司http://www.czwew.com/case/紫竹云科技!

时间: 2024-11-07 10:31:56

一款APP的开发设计是如何从0到1一步一步设计的的相关文章

开发一款APP所需要的时间

"要多少钱""要多少时间"这应该是一个企业在打算开发一款APP时问到最多的问题了.的确,现在的人不管做什么事情都讲究计划,更何况在这个时间就是金钱的时代,企业如果知道自己的APP制作要多长时间,就能为之后的运转做出规划,提高工作效率.那么我们来谈谈影响APP开发的主要因素有哪些. 1.功能的多少 开发一款APP的时间要多久与APP的功能要求有关,APP的前端设计.用户界面.后端整合.用户管理等等诸多方面的内容,这些功能的开发都是需要一定的时间的. 2.行业的种类 企

App软件开发需要多少钱?

众所周知,在新互联网时代(移动互联网时代),App的作用越老越大:大型企业可通过它来简化工作流程,提高工作效率,有利于传播企业产品和品牌并覆盖更全面的网络渠道,提高客户的满意度:对个人和中小企业来说,选择适合的模板进行智能化的app制作是目前比较流行且效果比较好的方式,在节约预算的情况下能利用app可实现的功能更好地为企业服务. 那么,很多企业和个人都很想知道,app软件开发究竟需要多少钱?制作一个app软件又需要什么样的流程?通过腾云科技平台来具体了解,看看一款app是怎样被制作出来的. 一款

学iOS开发(二)——实现一款App之编写自定义类

今天学iOS开发(二)--实现一款App之编写自定义类 当开发iOS应用程序时,你会发现在许多场景下,你需要编写自己的自定义类.当你需要数据和自定义行为一起打包时,自定义类就很有用了.在一个自定义的类中,你可以为存储.操纵和显示数据定义你自己的行为. 例如,考虑iOS Clock app中的全球时钟标签(World Clock tab).这个表视图中的单元格需要显示比标准表视图单元格更多的内容.这是一个不错的机会实现一个扩展UITableViewCell行为的子类,从而在给定的表视图单元格中显示

个人或者企业怎么进行app开发?开发一款APP应用大概需要多少钱?

App开发,是指专注于手机应用软件开发与服务. App是application的缩写,通常专指手机上的应用软件,或称手机客户端.另外目前有很多在线app开发平台.当然移动互联网时代是全民的移动互联网时代,是每个人的时代,也是每个企业的时代.APP便捷了每个人的生活,APP开发让每个企业都开始了移动信息化进程. 下面跟大家分享如何进行app开发? 首先,制作一款APP,必须要有相关的idea,也就是说,第一步是APP的idea形成.那么如何形成这个idea,就需要了解用户需求,这是APP开发的第一

一款APP从设计稿到切图过程全方位揭秘 Mark

纯干货!一款APP从设计稿到切图过程全方位揭秘 @BAT_LCK:我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸

盘点国内外在线app开发平台:分分钟做款app

随着智能手机的飞速发展,现在各类型的App数不胜数,几乎覆盖了工作.生活.学习的方方面面.在你使用别人开发的app时,有没有想过我自己能不能做一款牛叉牛叉的app?我估计很多朋友们有很好的idea,但是因为技术问题,美工问题总是望而却步. 于是今天王哥给你挖掘出以下4款国内外知名度较高的在线App应用开发平台,据说他们能让毫无编码技术知识,美工基础的小白能在极短的时间内做一款属于自己的app应用.究竟是否如传言所说?接下来,就让我们一起来一睹为快吧,当然,自己亲身体验一番更是再好不过的了. 1.

转【iOS设计】一款APP从设计稿到切图过程概述

这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱.1 Part 1 项目立项 文件结构 项目名称v1.0 -> 01_源文件psd 02_效果图jpg 03_标注图png 04_标注源文件 05_切片资源png 原型.rar 工具: 界面设计:PS, AI 标注:PxCo

学iOS开发(一)——实现一款App之Foundation框架的使用

当你着手为你的应用编写代码的时候,你会发现有许多可供使用的Objective-C的框架类,其中尤其重要的就是基础框架类,它为平台所有的应用提供基础服务.基础框架类中包括了表示字符串和数字等基本数据类型的值类(value classes),也有用来存储其他对象的集合类(collection classes).你将会依赖值类和集合类为你的ToDoList app编写大量代码. 值对象(Value Objects) Foundation框架提供了生成字符串.二进制数据.日期和时间.数字以及其他值对象的

从零开始开发一款app,所想到的

我在知乎上看到这个问题http://www.zhihu.com/question/27645587.我在阅读了各位大牛的答案后,再加上自己的思考,就有了这篇文章的内容. 从零开始开发一款app,要做这些事情: 1.确定编码规范---Code Style.这个可以直接参考规范https://google-styleguide.googlecode.com/svn/trunk/javaguide.html#s5.3-camel-case 2.资源文件命名规则,可以参考这里面的Resourcce来做h