首页 > 名字大全 > 微信名字 正文
【微信名字设计女带薇字好吗】不要错过26个实用的UI/UX设计诀窍!

时间:2023-03-16 05:18:45 阅读: 评论: 作者:佚名

巧妙的技巧可以帮助我们更好地完成工作。本文将26种实际使用的设计技巧分为头像、按钮、卡片排版、文字排版4个方面,希望大家都能尽快应用于实际工作中。所以千万不要错过。

哈洛,这里是设计剪辑。今天和大家分享的是“设计技术”。

这篇文章将从头像、按钮、卡片排版、文本排版等四个方面给你带来26种真正好用的设计技巧,相信看完后谁都可以迅速应用到实际工作中。模板。

收藏的话随时可以确认~

一、用户简介文章

有关用户配置文件板的信息,如果使用昵称向上对齐、ID向下对齐的方法,则两个内容将分散,无法聚焦。

如果头像和背景中的一些颜色接近或相同,则头像看起来好像少了一块,如左图所示。通过在头像框架中添加笔触,可以使头像更加整体,使文案更加清晰,页面也更加精致。

用户用手机注册后,如果新用户没有头像,则需要提供默认头像或使用品牌IP图像来增加用户的品牌内存。

2,按钮篇

如果一页上有两个任务按钮,您可以区分其中一个最重要的按钮,这样用户就可以轻松地选择。

弹窗背景白色的话,会有一点空洞的感觉,细节不足,可以丰富背景中的细节,提高耐看度。

使用亮色按钮时,如果文本也很亮,分辨率就会降低。识别度对比一定要清晰,不要有明底暗字、暗底亮字、画面上识别模糊的情况。

登录部分在用户未输入的情况下,登录/注册按钮呈灰色,给人一种无法单击的感觉。输入信息后,启用“登录”按钮高亮显示,使用户能够更清楚地继续下一步。

joges91tu/TQdgFQ3DLz1tuK?_iz=31825&from=ar;x-expires=1705572567&x-signature=Xv4BK14oOARcnXR72WaV1TzH1eY%3D&index=7" width="640" height="411"/>

在这样的登录状态中,输入后与未输入的文字颜色需要给予一定的区分,这样便于用户区分哪些是填写和未填写的。在输入框可以增加对应的icon ,让整体感觉更丰富。

三、卡片排版篇

关于投影的使用技巧,尽量选择颜色微浅或者和卡片颜色相近的投影。左图的投影使用比较深的颜色,会让画面太过沉重。

在图文式卡片排版的场景中,图片占比内容区域大,能起到突出重点的作用。

右图内容少的时候使用的是黄金分割比法则 0.618:1的比例。当内容多的时候,左图的布局也不错,瀑布流排下去能避免过于死板。

卡片上有过多的小标签时,可以加一个淡色的底,这样不会给人文案很多的感觉,整体视觉不会很分散,且层级更加分明,让用户更快速的找到自己需要的信息。

卡片背景直接排上文案,背景会显得很空,没有层次和细节。所以在做背景的时候,适当加上一些细节,就会显得耐看很多。

文案直接加在图片上时,要去对应地处理图片,例如给图片加一个蒙版,这样就不会导致文字的颜色和图片叠加在一起看不清的情况。

在做效果图的时候,有图片需要添加到设计稿中,尽量选择搭配起来比较和谐的图片,比如:饱和度、色相、亮度等尽量保持差不多的感觉,这样看起来会增加设计稿中的整体一致。

在有多个板块需要做成滑动的时候,需要留出一个被遮住的板块,代表还有内容可以滑动。在左图中,多个板块刚好做成一个宽度的内容,那么用户不知道后面还有内容可以滑动。

四、文字排版篇

文字行间距的把控,对于较大的文字,行间距通常来说采用文字大小1.5倍的间距,文字较小时使用1.2倍的间距会比较合适。通常情况下,我会设置比1.5倍还大一些的间距,文字行间距太小不易于用户阅读,可适具体情况而定。

当主标题和副文案一样长的时候,整体会显得很呆板,且看着是一团字的感觉,这时就可以让标题和副标题之间产生长短不一的显示,就不会那么呆板。

在卡片上排列信息时,需要用到线条的时候,线太深给人感觉分割会很明显,把线的颜色调浅,有一点感觉在会比较好。

接着上面的信息排列,另一种方案是可以把线去掉,增加上下两者的间距,扩大留白也可以起到拉开信息之间的板块区分,让整个画面更加简洁和干净。

信息已填写与未填写的一个区分,已填写过的信息用深一些的颜色,未填写的信息用浅一些的颜色,这样利于用户更快速找到需要修改和填写的信息。

对于导航选中的栏目,选中的信息显示和其他的栏目对比要拉开。对比弱的话,用户一眼看不出来当前选择的导航栏目是哪一个。针对选中的栏目,可以根据品牌形象去做延展,建立品牌认知感。

面对内容过多的场景,分别将两组信息排在画面里,例如左图,会感觉整个画面信息很多,而且很分散。

在右边的排版中,加了一层背景包裹起来分别对应的信息时,会让信息层级更加分明。

图标和文字搭配的情况下,为图标加一个底色,可以让该页面图标的大小视觉保持一致,也会给予其重心的承载作用。

在需要突出信息的时候,左图的排版方式并没有达到需要突出的信息,看不到重要的信息。如前面所说,在做信息层级的时候对比一定要拉开,才能突出最重要的信息,让用户一眼get到主要信息。

文案信息板块的排版,当文案层级对比不是很明显的时候,如第三种,居中排列文案,会使阅读体验很差,视觉参差不齐的循环。当文案层级比较明显的时候,居中对齐也是一种比较好的方式。

当文案标题需要加硬投影的时候,亮字下应该加颜色较暗的投影,例如右图。如果亮字下面的投影颜色还是很亮,会出现标题文案识别不清晰,对比度不足。

五、最后

以上就是全部的UI/UX设计技巧,希望通过这些技巧能够让你对界面设计加入更多思考,打造更好用的产品!

专栏作家

作者:Clippp,微信公众号:Clip设计夹。每周精选设计文章,专注分享关于产品、交互、UI视觉上的设计思考。

本文原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

  • 评论列表

发表评论: