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

关注学UI设计网

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

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

学UI设计 399浏览 1个赞

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

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

学UI设计 317浏览 1个赞

大理石与金属碰撞的文字效果[PS教程]

大理石与金属碰撞的文字效果[PS教程]
大理石/玫瑰金组合是流行的极简主义趋势之一,几乎无处不在,从家居装饰到文具,炊具等。本教程将向您展示如何使用Photoshop的形状、 3D工具、材质以及光线设置来创造大理石和玫瑰金的文字效果。让我们开始吧!   教学素材 在本教程的制作过程中使用了以下素材: Kaiju字体 大理石素材 无缝金纹理 家居室内设计 植物素材   &……继续阅读 »

学UI设计 584浏览 1个赞

简约磁带图标教程

简约磁带图标教程
老规矩,我们先来看最终效果! 用PS就可以搞定,是不是炒鸡简单?抓紧时间搓搓手!呸~  抡起鼠标开始吧。     1. 新建画布,尺寸800*600px,填充色#e75030。 2. 绘制尺寸302*302px,圆角33的圆角矩形,颜色#112d4a,给圆角矩形加图层样式-描边(2px内部描边,颜色#162237); 垂直居中对齐,水……继续阅读 »

学UI设计 413浏览 2个赞

PS制作下载图标设计教程

PS制作下载图标设计教程
效果图: 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、圆环、蓝色圆、下载图标,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 第一步,建立一张画布,并添加径向渐变填充,颜色数值就自己去调了。 第二步,用圆角矩形画一个背板,并添加……继续阅读 »

学UI设计 486浏览 0个赞

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

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

学UI设计 502浏览 1个赞

金融APP炫酷UI动效设计

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

学UI设计 314浏览 1个赞

UI设计图标绘制深层知识

UI设计图标绘制深层知识
@duanjianlove 写这篇文章呢,只是想把我这几年学到的技巧 + 自己亲身遇到问题 + 摸索解决 告诉大家,相信里面的问题大家也遇到过,也有些细节大家在阅读这篇文章前已经掌握,希望大家推荐给更多人学习这些细节。   原文地址:站酷 ……继续阅读 »

学UI设计 453浏览 1个赞

PS制作开关按钮图标教程

PS制作开关按钮图标教程
首先看一下效果图 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:灰色底板、白色底板、圆、按钮图标,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 第一步:新建一个画布,填充颜色:#ded2c6 第二步:用椭圆工具画一个圆,圆的大小你自己定……继续阅读 »

学UI设计 471浏览 0个赞

4个规律快速画好断线图标!

4个规律快速画好断线图标!
对于图标如何断线,如果是经验丰富的设计师,估计靠感觉做就可以了,但不是大神的我们怎么办呢?总得有点规律让我们参考吧。虽然有些规律不能全盘通用,但这次总结一定能给你带来帮助。 大纲如下: 1. 先考虑在拼接处断线 2. 平衡视觉复杂度 3. 避免正中间处断线 4. 尽量让图标一笔画完   一. 先考虑在拼接处断线 如果一个物体是由两个部分组成,当……继续阅读 »

学UI设计 382浏览 0个赞

PS制作微拟物化时钟图标设计教程

PS制作微拟物化时钟图标设计教程
效果图 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、时钟圆盘、时钟针,、微拟物主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 第一步:新建一个画布,对画布填充颜色,我在这里就不多做说明了,可以添加杂色等等。(这里你可以发挥想象,学……继续阅读 »

学UI设计 736浏览 0个赞