app产品设计流程_APP流程图

app产品设计流程_APP流程图App设计流程第一步、从APP产品需求入手,考虑我们到底要用什么主色调根据产品定位和目标用户群体选择主色调定好尺寸:设计尺寸是多大,是以640*1136设计还是750*1136还是1242*2208来设计。所有APP设计尺寸大小规范:http://www.25xt.com/appsize   第二步、配色和辅助色用什么颜色在考虑到产品气质和品牌色的同时,我们经常要考虑配合衬托产品主色调的辅助色…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

App设计流程

第一步、从APP产品需求入手,考虑我们到底要用什么主色调

根据产品定位和目标用户群体选择主色调

定好尺寸:设计尺寸是多大,是以640*1136设计还是750*1136 还是1242 *2208来设计。所有APP设计尺寸大小规范:http://www.25xt.com/appsize 

 

 

第二步、配色和辅助色用什么颜色

在考虑到产品气质和品牌色的同时,我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如我们经常说的:邻近色、对比色等。都是我们选择辅助色的方法。

配色在线网站:http://colourco.de/ 

以及主色调和辅助色的信息图解 APP色彩搭配方案是由主色、辅助色和点缀色构成 

第三步、用什么风格来表达

定好风格:可以根据产品需求,从竞品当中找到几个合适的参考。

现在来说,说到风格一句话,扁平风。但是在扁平中也有区别。比如下图,同样是扁平。但是左图微微带有一些光影,而右图是纯扁平。你能说哪个好或者不好吗?不能。

同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容

第四步APP图标化画成什么风格和创意表达

同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

比如:同样是腾讯的产品,手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同,手Q更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

第五步、如何表达情感化设计,特别是app引导页的设计和启动页的设计

总体原则参照博文 www.25xt.com/allcode/2289.html 

1、引导页的设计 参照 https://www.jianshu.com/p/8edd3c1ec51e 

2、引导页的实现 IOS参照 https://www.jianshu.com/p/afde7b6abf68           

    android 参照 https://www.jianshu.com/p/74f9765c2041 

3、启动页的设计 参照 https://www.jianshu.com/p/e39365422616 

 请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

4、菜单设计 例如:BoomMenu“会爆炸”的菜单 https://juejin.im/repo/59ed6aedbb941b1e74a5ac59 

 

5、其他功能实现方案 比如视频音频,日历,动画等

https://juejin.im/repos/filtered?tag=Android_%E7%BB%98%E5%9B%BE 

第六步、动效如何做或者说APP交互怎么实现

因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。

第七步、宣传推广的APP  图标icon 的设计

关于app的图标设计方法,一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。产品可以提供方向,但是具体的落地还是需要UI设计师来完成。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/179211.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • html背景图片的设置宽高_网页的背景图片怎么设置

    html背景图片的设置宽高_网页的背景图片怎么设置背景图片的设置,背景图片大小、位置、是否重复以及附着点的问题

  • 二叉树及其三种遍历[通俗易懂]

    二叉树及其三种遍历[通俗易懂]一.二叉树的常用性质1.常用性质<1>.在二叉树的第i层上最多有2^(i-1)个节点。(i>=1)<2>.二叉树中如果深度为k(有k层),那么最多有2^k-1个节点。(k>=1)<3>.若二叉树按照从上到下从左到右依次编号,则若某节点编号为k,则其左右子树根节点编号分别为2k和2k+1;<4>.二叉树分类:满二叉树…

  • sql注入 报错注入_sql原理

    sql注入 报错注入_sql原理sql注入报错注入原理详解前言我相信很多小伙伴在玩sql注入报错注入时都会有一个疑问,为什么这么写就会报错?曾经我去查询的时候,也没有找到满意的答案,时隔几个月终于找到搞清楚原理,特此记录,也希望后来的小伙伴能够少走弯路0x01我们先来看一看现象,我这里有一个users表,里面有五条数据:然后用我们的报错语句查询一下:selectcount(*…

  • 深入理解ob_flush和flush的区别

    深入理解ob_flush和flush的区别

  • windows下常见php集成环境安装包介绍(updated)

    windows下常见php集成环境安装包介绍(updated)windows下常见php集成环境安装包介绍(updated)September4,2010 |作者:猪肉有毒   WAMP是指在Windows服务器上使用Apache、MySQL和PHP的集成安装环境,可以快速安装配置Web服务器,一般说来,大家都习惯于将Apache、MySQL、PHP架设在Linux系统下,但是,不可否认的是Windows也有其优点,就是易用,

  • Android常用加密方式

    Android常用加密方式加密解密简介加密技术是最常用的安全保密手段,利用技术手段把重要的数据变为乱码(加密)传送,到达目的地后再用相同或不同的手段还原(解密)。加密技术包括两个元素:算法和密钥。算法是将普通的信息或者可以理解的信息与一串数字(密钥)结合,产生不可理解的密文的步骤,密钥是用来对数据进行编码和解密的一种算法。在安全保密中,可通过适当的钥加密技术和管理机制来保证网络的信息通信安全。加迷解密分类分为不可逆和…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号