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

关注学UI设计网

如何优雅的设计App页面

如何优雅的设计App页面
请点击此处输入图片描述 designer:Awesomed 为什么APP会有启动页? 打开某个App,不出意外的话,映入眼帘的是各类启动页,现在App的启动页已经五花八门,甚至还会出现把启动页作为广告的产品设计。既然今天要介绍启动页,先来解决为什么会有启动页? App启动时,应用程序需要初始化,这个初始化的过程和手机的性能、应用程序的代码质量以及大小有关;……继续阅读 »

学UI设计 915浏览 0个赞

Ps轻松打造创意app闪屏插画!

Ps轻松打造创意app闪屏插画!
1、手绘板 这里有手绘板的画画树杈将会非常顺手,没有也没关系,这里我就是用鼠标画的,就是慢点。还是老习惯,打开illustrator软件,先勾画形状,这里的形状我也是参考了国外的一些设计作品。 2、字体:汉仪雪峰体 汉仪雪峰体,字型圆润浑厚,柔软细腻,从字面意思来看,字体就像一座座错落有致的雪山,朵朵白雪飘落在上面,非常美丽有趣。非常适合冬季促销广告运用,……继续阅读 »

学UI设计 859浏览 0个赞

怎么设计才能让一个音乐APP看起来够专业?

怎么设计才能让一个音乐APP看起来够专业?
所有人都热爱音乐。尼采也曾说过:“没有音乐,生活就会是个错误。”所以,不用争辩,音乐已经是我们生活中不可分割的一个重要组成。 很难说现在到底有多少音乐类的APP、网站和服务,但是我们可以预见到的是,它会继续发展,设计师依然会持续不断地收到需求,为不同的音乐类的服务设计界面和体验。这也是为什么今天我们会专门撰文,来探讨音乐类产品的界面设计。 用户对于流媒……继续阅读 »

学UI设计 491浏览 0个赞

loading加载设计,UI设计高手都关注这个小细节

loading加载设计,UI设计高手都关注这个小细节
无论你的界面设计得再好,有时候用户还是无可避免地会碰到需要加载时间的情况。加载时间(loadingtime)会影响用户体验,让用户等太久会让他们失去耐心。一旦他们有这样的感受,很可能就换别的网站或者APP用去了。幸好,我们有一些设计技巧可以让用户有更好的加载体验。   1.及时给用户反馈 如果用户当前的网络情况不是特别好,那么把页面加载出来的时……继续阅读 »

学UI设计 955浏览 0个赞

app设计中间距使用总结

app设计中间距使用总结
上周末我跟一个大学同学在微信上聊(互)天(吹),现在他是上海一家公司的首席UED总监。中间我们聊了很多有的没的,其中他说了一句话,让我印象特别深刻。 其实很多时候,我们觉得自己的作品非常的平庸或者“看起来特别糊”,大部分原因就是配色,字体和间距的对比没有做好。这些话说起来简单,但是做起来很难。学了不少的设计理论,但是依旧做不好设计。 配色和字体的对比一直都……继续阅读 »

学UI设计 550浏览 2个赞

闪屏启动页设计方法概述

闪屏启动页设计方法概述
闪屏/启动页 – 作为我们打开一个app最先看到部分,很多时候就如同给人的第一印象,其实还蛮重要的,所以设计不能太马虎、随意; 下面是我通过图文结合,总结的一些我自己关于这一块的一些设计经验分享。 – 虽然网上都已经有不少非常专业、全面的文章了,可我还是想自己写一篇,主要是阐述一下自己无论是为公司产品设计闪屏,还是外包接一些绘制启动页……继续阅读 »

学UI设计 484浏览 2个赞

如何设计一个完美的搜索框?

如何设计一个完美的搜索框?
  看到这个标题,你可能会认为搜索是不需要设计的,毕竟只是一个文字输入框和搜索按钮的组合。 然而,在信息爆炸的互联网时代,搜索框成为我们每天必须要使用到的功能。当用户面对复杂的网站,难以找到自己想要看到东西的时候,他们会立即寻找并使用搜索框,快速的达到目的。这时候搜索功能的设计以及易用性就会显得尤为重要。本次我从“搜索框(一)”和下期的“搜索结果(……继续阅读 »

学UI设计 522浏览 1个赞

详解组件控件结构体系之操作类

详解组件控件结构体系之操作类
操作类一共含以下八类: 底部操作列表 底部浮层视图 编辑菜单 底部工具栏 按钮 选择器 下拉菜单 文本框 依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,所以请不要在意细节。) 一.底部操作列表 定义:展示与用户触发的操作直接相关的一系列选项功能。 用途:底部操作列表,是……继续阅读 »

学UI设计 434浏览 1个赞

五天Principle从入门到精通01-简单的Toast动画制作

五天Principle从入门到精通01-简单的Toast动画制作
小编:五天Principle从入门到精通,一起来学习吧~ 今天我们练习做一个非常基本的动画,熟悉Principle最基本的操作和界面布局。那么课程开始啦。 在这里,我们选择做一个toast动画。设计师们有了自己设计的toast体系,就可以告别系统原生的toast。同时,我们也可以拿着实际效果,在开发小哥面前演示toast动效,再也不用比划半天也说不清楚。 &……继续阅读 »

学UI设计 619浏览 1个赞

金融APP炫酷UI动效设计

金融APP炫酷UI动效设计
本视频针对UI动效0基础朋友开设,讲解金融APP动效实例 ,运用了AE蒙版、修建路径、文本动效等,轻松捕获一系列UI动效玩法。 视频地址:https://v.qq.com/x/page/b0559bn8ifj.html 最终效果呈现   ……继续阅读 »

学UI设计 422浏览 1个赞

看似简单的几个动效,在APP中实现过程并不简单

看似简单的几个动效,在APP中实现过程并不简单
想要让产品能够像呼吸一样自然,动效的处理很关键。但是,对于远离设计和开发的普通用户而言,很难想象这些看起来无比简单的动效和交互是如此的耗费时间和精力。显而易见的设计背后,是技术和艺术通力协作。 在Tubik Studio 的设计实战案例当中,动效是很重要的组成部分,它们和整个UX 设计紧密关联,分割不开。今天的文章,我们来看看它的动效都是怎么实现的。 时间选……继续阅读 »

学UI设计 614浏览 2个赞

APP UI设计基础之UI设计中的布局编排原理

APP UI设计基础之UI设计中的布局编排原理
如果说色彩和图片是人的外在,那么版式编排就是人的骨骼,从基础上决定了一个人的内在。今天就带着大家一起从以下六个方面来探究下ui设计中的版式编排。 UI界面设计中,信息能被有效的传达,离不开良好的组织和布局,信息之间层级关系的表达非常重要,恰当的视觉设计,能够通过对界面ui设计元素的展现来暗喻信息之间的层级关系,能够减少用户在使用过程中产生的困惑和理解上的障……继续阅读 »

学UI设计 882浏览 4个赞

如何制作扁平化小人动画

如何制作扁平化小人动画
首先放上成品图,大家可以先不看教程,有能力的自己分析一下如何制作的,锻炼一下自己对设计作品的解析能力。 开篇语 特别感谢一下@嘉顿小熊饼 阿姨(老师),她好看的作品给了我很多灵感,特别是头像,喜欢的不行~嘿,所以这次小人的脸,我就用了她的风格(●′ω`●)。 一开始做这个小人,并没有想让她动起来,只是想练习一下Sketch(我不会告诉你们我今天才开始学&……继续阅读 »

学UI设计 781浏览 0个赞