分享此网站可得100G教程,联系小洁领取点击这里给我发消息

关注学UI设计网

APP如何进行视觉优化设计?

APP如何进行视觉优化设计?
视觉优化设计是什么: 视觉优化的特殊性在于已有设计基础进行再设计。   这意味着很多数据评价可以从原有版本中获得,同时用户对当前原有视觉设计是有态度的,或喜欢、或习惯、或厌倦,这些都是做优化时需要考虑的点。   为什么要做视觉优化: 1. 产品定位及功能发生转变(产品角度) 2. 提升用户体验(用户角度) 3. 运营及盈利性需求(公司……继续阅读 »

学UI设计 473浏览 0个赞

从零开始设计一款APP之视觉还原+上线准备

从零开始设计一款APP之视觉还原+上线准备
《从零开始设计一款App》系列文章共6部分,之前已经讲了前4个部分,今天把视觉还原和上线准备的章节也说完,赶紧来学习。 往期回顾: 《从零开始做APP 系列之项目立项+预估时间篇》 《从零开始做APP 系列之界面设计篇》 《UI实战教程!从零开始做APP 系列之切图标注篇》 《UI实战教程!做设计稿前应该做哪些准备工作?》 视觉还原篇 一款完整的APP,……继续阅读 »

学UI设计 754浏览 1个赞

详解组件控件结构体系-空数据类

详解组件控件结构体系-空数据类
UI设计师或产品经理在设计产品原型时,大部分情况都是先设计主流程的主界面,然后设计其他各个场景的界面,最后设计异常界面、空数据界面等等。那么,空数据界面一共有哪几种类型呢?这篇文章我们来看一下设计规范中的空数据类型。 空数据类型一共有三类: 初始状态 清空状态 出错状态 依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我……继续阅读 »

学UI设计 650浏览 0个赞

详解组件控件结构体系-网络异常类

详解组件控件结构体系-网络异常类
@goldseng 从用户使用情况来说,在用户在使用APP过程中,任何操作都可能出现网络异常的情况。那么,针对网络异常情况一共有哪几种设计呢?哪些情况使用全局组件,哪些情况使用局部组件呢?本文作者就按照三种网络情况,总结了对应设计形式。 网络异常无非就3种情况:第一种是网络切换:WiFi网络环境切换到了移动数据网络环境。第二种是断网情况:完全没有网络。第三种……继续阅读 »

学UI设计 503浏览 1个赞

「这个控件叫什么」系列之动作菜单/动作面板

「这个控件叫什么」系列之动作菜单/动作面板
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。 往期回顾: 《「这个控件叫什么」系列之小红点+索引导航+分段控件》 《「这个控件叫什么」系列之加载占位图+页面指示器》 《「这个控件叫什么」系列之步进器+S……继续阅读 »

学UI设计 530浏览 0个赞

设计规范 | 详解组件控件结构体系-引导类

设计规范 | 详解组件控件结构体系-引导类
@goldseng 本文是系列文章之详解组件控件结构体系的第三篇——引导类。enjoy~ 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品功能前或遇到障碍之前给予及时的引导提示。 为了业务或者产品目标的需要,有时候需要给予一些适当的提示方便用户去理解产品。 为了完成不同的引导内容和引导的目标,移动端的引导设计会根据需求进行不同的多样化处理。常见的……继续阅读 »

学UI设计 528浏览 0个赞

5个方面解析移动端电商的搜索框设计

5个方面解析移动端电商的搜索框设计
一个好的搜索功能设计能够很好的帮助客户直达想要的地方,实现完美的用户体验,今天分享几个搜素框的设计技巧,希望可以給大家带来启发。 你无法去卖一个用户找不到的产品。搜索是用户最基本的行为,也是构建一个可盈利的app或网站的重要元素。用户在发现和学习产品时期望在app中有流畅的体验,他们会根据搜索结果迅速判断出一个app的价值。 一个好的搜索控件应当帮助用户迅速……继续阅读 »

学UI设计 462浏览 0个赞

详解APP设计中的微妙细节

详解APP设计中的微妙细节
写在前面 随着移动优先的趋势,APP的设计也越来越受到公司重视,不断地提高APP的设计质量是每个设计师的追求,有哪些设计中的细节被你忽略了呢?让我们一起来看看这些细节你都把握住了吗。 视觉表现型问题 01、统一的图标设计风格 图标设计在整个APP设计中是比重较大的板块之一,图标设计风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等……继续阅读 »

学UI设计 474浏览 3个赞

全方位剖析APP应该如何设计好「分享功能」

全方位剖析APP应该如何设计好「分享功能」
为了借助社交产品的流量,让用户主动分享APP中的内容到社交平台来达到拉新和促活的目的,市场上绝大多数APP都有第三方分享的功能,它是内容分发的最有效途径,并且大大降低了企业的营销成本。 作为用户和产品之间的桥梁,社交分享在产品的发展过程中扮演了重要的角色。尤其是刚上线的产品,很难通过产品的内部体系来实现快速的用户增长,所以会更加依赖于分享来达到广泛的传播,获……继续阅读 »

学UI设计 533浏览 0个赞

《教程》AE制作APP启动动效图

《教程》AE制作APP启动动效图
刚好有人问到怎么制作这么一个手机APP启动动效图,我这里就简单的说下制作过程,下面只是一个简单的模板,要学会举一反三!看什么说的就是你! 首先先打开AE,然后下一步 然后的话把它关掉, 一个冷笑话送给你,下面正式进去主题: 第一步:新建合成   创建一个圆角矩形   填充#3385FF  居中   效果如下图: 第二步:创建一个圆    然后创建移动(Po……继续阅读 »

学UI设计 1099浏览 0个赞

APP版式设计的6个特点!

APP版式设计的6个特点!
@阿翘“我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好,相信很多人也有过感同身受的无奈。 其实设计本身就是一门理性的学科,审美因人而异,只有言之有理的设计才能够说服别人。当设计师拿到产品的原型开始做设计时……继续阅读 »

学UI设计 793浏览 0个赞

UI设计切图规范

UI设计切图规范
移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。 &nbs……继续阅读 »

学UI设计 876浏览 3个赞

腾讯出品的交互微动效设计指南

腾讯出品的交互微动效设计指南
本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。 一. 本指南的适用范围 本指南适用于UI界面中交互微动效,属于功能性动效。与聚焦于提供娱乐体验的动效(如动画影片、游戏动效等)不同,功能性动效的设计,有清晰的逻辑目的,聚焦于帮助用户理解当……继续阅读 »

学UI设计 547浏览 0个赞