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)


相关推荐

  • ov7740摄像头_雷威视监控摄像头二码是无

    ov7740摄像头_雷威视监控摄像头二码是无近日入手了一块正点原子家的OV7725摄像头模块,秉着小白尽可能学得透彻些的想法,选择了野火家的相同摄像头教学视频。链接如下:【单片机】野火STM32F103教学视频(配套霸道/指南者/MINI)【全】(刘火良老师出品)(无字幕)_哔哩哔哩_bilibili现对PPT和火哥所授内容进行整理:在各类传感器获取信息中,图像包含有最丰富的信息。但是摄像头模块仅用于获取输出图像,像利用摄像头进行人脸识别,图像识别之类功能,主要是依赖于识别算法,这是另外的技术。分类:摄像头按输出信号分类可分为模拟

  • Anaconda python3.6版本安装[通俗易懂]

    Anaconda python3.6版本安装[通俗易懂]官方地址在下面,3.6的对应的是Anaconda3-5.2,5.3以后的都是python3.7的不要看错了往下滑动就是了官方地址:https://repo.anaconda.com/archive/清华大学镜像:https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/…

  • 正则表达式Python_js正则表达式实例

    正则表达式Python_js正则表达式实例正则表达式详解正则表达式英文名称叫RegularExpression简称RegEx,是用来匹配字符的一种工具,它常被用在网页爬虫,文稿整理,数据筛选等方面,最常用的就是用在网页爬虫,数据抓取。一、正则表达式的各种符号解释(来自维基百科)~~~是不是感觉太多了,因此我将常用的整理出来了二、进行逐个详解1.首先导入模块importre2.匹配多种可能使用[]…

  • pom.xml

    pom.xml

  • 深度学习是什么

    深度学习是什么[toc]前言加里·卡斯帕罗夫vs深蓝(1997年)1997年,美国IBM公司的“深蓝”(DeepBlue)超级计算机以2胜1负3平战胜了当时世界排名第一的国际象棋大师卡斯帕罗夫

  • StringTokenizer使用讲解

    StringTokenizer使用讲解StringTokenizer是一个用来分隔String的应用类,相当于VB的split函数。一.构造函数。1.StringTokenizer(Stringstr):构造一个用来解析str的StringTokenizer对象。java默认的分隔符是“空格”、“制表符(‘\t’)”、“换行符(‘\n’)”、“回车符(‘\r’)”。2.StringTokenizer(Stri

发表回复

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

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