如何快速出稿一个优秀APP的构图
通常一个移动端的UI设计师在接到设计项目的时候,脑海中会自动出现一些以前看多的类似的app优秀素材或者以前和现在正在使用的移动端APP中的ui设计碎片。
这对于一个刚入行或者刚毕业的设计师来说,运用起来是一件非常困难事,但是有可能发生的,慢慢的积累和沉淀,每天多思考一些APP的设计缘由,多欣赏一些独特的有创意的界面设计,这样一天天对自己做一点简单的ui培训,时间长了,就容易上手了。
把这些好的APP 翻来覆去的浏览即可。
但是整体APP设计流程和设计模块,我们肯定要知道的。
一、APP图标设计
图标通常是传达给用户的第一视觉感受,它可以体现出产品风格 、功能,甚至品质。iphone独特的桌面展示方式,引领了”豆腐块”图标趋势,即在一个圆角方形的区域内创造各种可能。 分析众多优秀应用图标发现,要设计一款精致醒目的图标,大概可以遵循以下几点:
a、图形元素尽可能不超过2个,并且不可平均分布,突出主视觉;
b、桌面极少使用浅色,因此配色尽量以明亮浅色为主,以免被背景吸收掉;
c、为了让图标更加自然融合其中,符合ios平台的透视标准,尽量使用正面垂直角度,光源自上而下。
二、3-4张的引导界面设计
APP的新手引导,原本的出发点很简单,类似于一个简洁的产品说明书,其主要目的是为了向用户展示该APP的核心功能及用法。 一般出现在用户首次安装APP后打开的时候。欢迎界面一般为2 – 5屏的全屏静态图,左右滑动进行翻页,有跳过按钮;新功能指示及操作引导一般用蒙板加箭头指引的形式完成。
三、欢迎界面设计或者说是APP启动界面设计
欢迎界面(闪屏)像是应用的一道门,在使用前给用户一个预示,它通常包含图标、版本号、加载进度等信息。设计可以根据产品风格随意发挥,与图标呼应,强化产品的印象。
四、主要的功能界面设计
遵守IOS的交互习惯,功能界面的结构通常自上而下,分别是“状态栏、导航栏、标签栏、工具栏”
根据不同功能的界面、常见有以下几种设计方式:
列表视图——适合目录、导航等多层级的界面。将信息一级级的收起,最大化的展示分类信息。
分层的界面—— 利用iPhone本身独有的特性让其固定,或垂直、水平滚动,节省空间。
拟物化设计——适合实现独立功能的界面设计,界面的细节逼真写实。以现实的元素和操作唤起用户共鸣。
另外,当我们完成一系列辛苦的APP设计工作之后,为了让客户端开发人员完成我们设计出的效果。或者说要想准确传达自己的设计可以分三步来实施:
第一步:要实现快速可视化。
你可以选择任何用的顺手的工具,把自己的想法快速准确的呈现出来,就已经是成功的一半。
第二步:最大限度的还原使用场景。
如果是PC端,就在电脑上演示。如果是移动端,就在手机上演示。如果可操作,那最好做可交互的原型,当然,是在时间成本允许的条件下。
第三步:把设计参数化,尽可能减少让工程师凭感觉开发的情况。
相信我,如果你不希望工程师凭感觉调UI颜色,那么动效同理。一份精确的文档或者是高保真的原型效果图,是你专业性的体现。
总之:移动开发当中,app设计师要把设计稿做严格的标注,各个元素的尺寸 和之间的间距,字体大小,颜色,透明度等。
我们是一名优秀的APPUI设计师,想要工程师实现出酷炫的动效,你得先把它酷炫的设计出来。抓住一切机会提升自己的设计能力吧!那才是你最宝贵的东西。
更多的ui培训文章--Ui培训之如何设计极简三色图标
原文地址:25学堂
UI设计
转载于:https://www.cnblogs.com/qudaxueyuan/p/4899028.html
如何快速出稿一个优秀APP的构图相关推荐
- PNG免扣+高清背景素材,帮电商美工\设计师快速出稿!
快速出稿为什么重要? 小二:"活动通过了,马上做一张海报,半小时后发我" 老板:"产品换款了,现在马上替换一张产品海报" 现在,你需要10分钟出一张电商海报图, ...
- 采访座谈快速出稿利器——讯飞智能录音笔SR502
很久以前的录音笔产品,对于用户更深层次需求的思考还是有所欠缺的,而讯飞智能录音笔的出现,一定程度弥补了这个漏洞.讯飞智能录音笔SR502带来了许多新功能.比如说,离线转写是讯飞智能录音笔SR502的一 ...
- 帮助您快速开始下一个移动APP应用模板、UI设计
人们离不开智能手机,"移动第一"的设计理念是一个关键,而移动软件的用户体验每年都在显著改善. 应用模板可以帮助您快速开始下一个移动应用模型.UI设计或实现.该特性将帮助您找到适合您 ...
- 如何从0开始画出一张优秀的架构图
你好,我是悟空. 最近在画项目的技术架构图,找到了一些不错的模板,分享给大家~ 画图工具:ProcessOn. 画图技巧:如何从0开始画出一张优秀的架构图 文末再送 5 本书给大家! 业务架构图 定义 ...
- Anaconda+django写出第一个web app(五)
今天开始学习网页风格和设计,就像python有Web框架一样,也有一些CSS框架.对于CSS框架,我们可以使用默认的样式,也可以在原基础上编辑修改.本教程使用的是materialize这个CSS框架[ ...
- 如何画出一张优秀的架构图?(老鸟必备)
作者:三画 简介:阿里巴巴技术专家,梓敬.鹏升和余乐对此文亦有贡献.三画曾多年从事工作流引擎研发工作,现专注于高并发移动互联网应用的架构和开发. 技术传播的价值,不仅仅体现在通过商业化产品和开源项目来 ...
- (转)【如何快速的开发一个完整的iOS直播app】(原理篇)
原文链接:https://www.jianshu.com/p/bd42bacbe4cc [如何快速的开发一个完整的iOS直播app](原理篇) [如何快速的开发一个完整的iOS直播app](原理篇) ...
- 如何快速的开发一个完整的iOS直播app(原理篇)
本文转自袁峥Seemygo的博客分享.觉得很不错.特意粘来给大家分享. 1.一个完整直播app功能(来自落影loyinglin分享) 1.聊天 私聊.聊天室.点亮.推送.黑名单等; 2.礼物 普通礼物 ...
- 2020抖音短视频爆火!它的背后到底是什么——如何快速的开发一个完整的直播app
前言 今年移动直播行业的兴起,诞生了一大批网红,甚至明星也开始直播了,因此不得不跟上时代的步伐,由于第一次接触的原因,因此花了很多时间了解直播,今天我来教你从零开始搭建一个完整的直播app,希望能帮助 ...
最新文章
- CentOS7x64 防火墙配置
- PHP怎么读写XML?(四种方法)
- Linux中的Ramdisk和Initrd
- skywalking 安装_SkyWalking全链路追踪利器
- libsvm3.22——在matlab(32位和64位)中的安装
- iOS开发之Xcode开发快捷键大全
- 【路径规划】基于matlab粒子群算法栅格地图路径规划【含Matlab源码 579期】
- oracle 退出循环 使变量清空,[转]Oracle 清除incident和trace -- ADRCI用法
- 《Web漏洞防护》读书笔记——第2章,SQL注入防护
- Mac平台的MySQL管理工具
- Python入门——爬取pubmed文献做分析
- IIS5 IIS6 IIS7区别
- 计算机多媒体技术主要有什么特征,多媒体技术特征有哪些_多媒体技术的关键特性介绍...
- 4152: [AMPPZ2014]The Captain
- 蚌埠住了,让我虎躯一震的代码!
- ECharts的实际使用案例(柱状图+地图)
- 使用OAuth2的SSO分析
- SAP-ABAP-OOALV进阶-子屏幕;各种方法示例;
- 关于SecureCRT工具的使用
- 《Universal Language Model Fine-tuning for Text Classification》翻译
热门文章
- 操作系统编写之引导扇区
- 支付宝支付 第七集:产品数据接口的定义和测试
- delphi dbgrideh 遍历每一个单元格_用Python解数独[1]:求每个单元格的行值域
- php 变更 obj,php怎么将object转为string
- IE下ajax响应慢,IE9上的Jquery Ajax调用非常慢,但在IE9中非常快
- void slove C语言什么意思,菜鸟求助-如何用指针法将一串字符按单词的倒序输出?如:i love yo...
- cocos游戏源码怎么用_亲子游戏怎么玩?游戏方式用对了,才会事半功倍
- flyway配置mysql_SpringBoot 中的Flyway配置
- mysql 流复制_MySQL系列详解六:MySQL主从复制/半同步演示-技术流ken
- opencv中xml/yml文件操作类