Skip to content

统计信息:字数 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岁,就不能设计的像个小孩子了

成熟的设计 不等于 复杂的设计(例如苹果和无印良品的设计,很简洁,给人感觉很好)

设计的原则:对齐;亲密;重复;对比

拿到设计任务时,需要弄清楚,什么是重点

后面是苹果产品设计:https://www.bilibili.com/video/BV1Hg411B7Zp/?spm_id_from=333.788\&vd_source=2d5bdee7ea59486ed4aa4a9b10020224

21 我想,这一定是你正在找的排版知识

设计稿的基本要素:文字、颜色、排版、装饰

那么如果设计排版时,可以先去掉其他因素的干扰,单独进行处理

22 你为啥总是害怕插画风

及时设计上有很多插画的模板和样品,可以拿过来直接使用,或者改一下主题色就行

23 分享一些宝藏网站给你

对话框生成器

颜色搭配方案

样机网站

24 七分靠设计 三分靠样机

常见样机的三种形式

首页可以用一个真实的效果,后面详情页尽量使用白模型,这样突出设计稿内容

25 拯救单身狗

情人节风格的几种效果

1、主题色选择对

2、如果主要图案比较单调(例如图中的狗),那么可以用重复,或者背景色块方式,增加一些内容。

或者加一个门效果,增加设计的层次性

26 万万没想到,2023年我也有属于自己的红包封面啦

介绍了微信红包制作-上传等的过程

目前这个需要粉丝达到100个,目前自己的视频号还达不到

每次发一个人需要1元钱

27 设计教程|设计遇到废图怎么办?一根线来解决

使用 JS 的曲线工具,可以调整明度和暗度

这样就使得边界对比更清晰

28 设计心得 | 遇到垃圾素材别害怕,三步快速升级

如果客户给的原图不好,有清晰度,尺寸的问题,也不方便抠图,可以使用下面的网站进行优化处理

29 设计师过稿神器!5个宝藏样机网站02:35

主要介绍几个样机方案


Last update: November 9, 2024