¶
统计信息:字数 10686 阅读22分钟
UI设计 第二部分¶
原始教程链接: https://js.design/courses
15 震惊!模糊的设计也可以这么好看的吗¶
模糊的三个作用:
1、设计稿主要部分通常是清晰的,使用模糊淡化背景,引导客户,突出重点
2、模糊表示运动和速度
3、给单调的背景增加柔和,生成背景
16 客户觉得我的设计不够酷炫?¶
5个网站链接都在这,可以做出炫酷的效果 1. blobmixer:https://blobmixer.14islands.com/ 2. Ribbons 2:https://codepen.io/tsuhre/full/BYbjyg 3. Stars-Emmision:https://wangyasai.github.io/Stars-Emmision/ 4. Silk:http://weavesilk.com/ 5. gradienta:https://gradienta.io/shattered-feelings/
17 困扰90%设计师的背景细节问题,今天终于可以解决了¶
整体设计稿增加细节:文字、版型、素材增加细节
如果背景是纯色,那么缺少细节,可以选择下面几个方式增加背景的细节
1、几何版型
长方形,三角形(直线素材分割)
圆形:沉稳冷静(曲线素材分割)
18 喂喂,不是拥有了色卡就会配色的啊¶
如何选择颜色?选择合适的主题色(颜色情绪)
先从色环上选择多个配色,这个在其他课程介绍过,选择角度在 90 度之内的比较好把握,然后根据明度和饱和度,调节情绪(复古、活泼)。
现在也就是 HSB 模式选择颜色
整体上颜色较少比较好控制效果,一般把握在三种颜色内比较好
不同颜色的比例,按照 6 :3 :1 就行。两个主色 2:1,剩余的是少量的修饰色。
最后给出这个网站有较多的配色案例
19 可能是你第一次知道,可爱风素材还能这么设计¶
设计卡通主题的设计稿,主要有两种类型。这个实际使用场景比较少,需要较多手绘和配图技巧。
20 过了20岁,就不能设计的像个小孩子了¶
成熟的设计 不等于 复杂的设计(例如苹果和无印良品的设计,很简洁,给人感觉很好)
设计的原则:对齐;亲密;重复;对比
拿到设计任务时,需要弄清楚,什么是重点
21 我想,这一定是你正在找的排版知识¶
设计稿的基本要素:文字、颜色、排版、装饰
那么如果设计排版时,可以先去掉其他因素的干扰,单独进行处理
22 你为啥总是害怕插画风¶
及时设计上有很多插画的模板和样品,可以拿过来直接使用,或者改一下主题色就行
23 分享一些宝藏网站给你¶
对话框生成器
颜色搭配方案
样机网站
24 七分靠设计 三分靠样机¶
常见样机的三种形式
首页可以用一个真实的效果,后面详情页尽量使用白模型,这样突出设计稿内容
25 拯救单身狗¶
情人节风格的几种效果
1、主题色选择对
2、如果主要图案比较单调(例如图中的狗),那么可以用重复,或者背景色块方式,增加一些内容。
或者加一个门效果,增加设计的层次性
26 万万没想到,2023年我也有属于自己的红包封面啦¶
介绍了微信红包制作-上传等的过程
目前这个需要粉丝达到100个,目前自己的视频号还达不到
每次发一个人需要1元钱
27 设计教程|设计遇到废图怎么办?一根线来解决¶
使用 JS 的曲线工具,可以调整明度和暗度
这样就使得边界对比更清晰
28 设计心得 | 遇到垃圾素材别害怕,三步快速升级¶
如果客户给的原图不好,有清晰度,尺寸的问题,也不方便抠图,可以使用下面的网站进行优化处理
29 设计师过稿神器!5个宝藏样机网站02:35¶
主要介绍几个样机方案