这7个实用的设计技巧,能让你的UI高级感更强烈

这7个实用的设计技巧,能让你的UI高级感更强烈,第1张

这7个实用的设计技巧,能让你的UI高级感更强烈

关于每一个网页,设计师都要做好自己的工作。在设计的过程中,他会遇到需要做一个想象的决定的时候。可能你的企业有专职设计师,而供应商需要设计新的UI;也许你已经构建了自己的新私有项目,你期望它比Bootstrap的默认结果更好。什么时候会有很多人畏缩:“我其实不是艺术大师,我会通过制定法律来取得更强的效果!”但最后,更关键的是要确定你想要想象更好的结果,并且你能在未来应用你的技能,并且它能产生结果。

在明天的文章中,我们总结了七个简单不好看的技巧,来改善网页的视觉效果,提升初中水平。非常实用有用。我希望你能喜欢它。

1.用语气战的话来重新打造逻辑结构,而不是比较无辜的大小。

当你掌握了UI文本终止的样式后,最常见的问题就是通过字体样式大小的差异来制造对比。

“那是墨水笔的钥匙吗?那就把它做大。”

“那是一段墨水笔的钥匙吗?那就让它缩小范围。”

童珍珍用字体风格来对比大小,但营造出来的对比其实是不足的。从测试中分离出来的音调和单词被用来产生更强的对比结果。

“那是墨水笔的钥匙吗?让我们把它变得更大胆。”

“那是一段墨水笔的钥匙吗?让我们把它变得更轻。”

如果可以,可以接受两三种颜色:

主要和次要内容接受深棕色(例如,问题类型,但没有杂黑色)

具体内容为深灰色(像文章内容的发表日期)。

帮助内容接受浅灰色(如页面底部的版权声明)

同样的,当UI有了构思,每当两个不同的角色重到足以创造出高质量的逻辑性感:

大部分大字符接受一般字重(400到500,具体由字体风格决定)。

要求夸张的墨水笔接受较重的字重(600到700,具体由字体风格决定)。

只要没有必要让标注单位字重小于400,因为以前那个单位字体的字体样式比较小,小于400会造成易读性差。如果还想降低字重,可以把字体样式调浅一点,换成另一种分辨率更高、相对字重更小的字体样式。

2.没有必要真的在套色盘上用深灰色的字。

在鲜艳的红色背景下,把黑色文字改成深灰色没有错,这是丰富视觉效果的方式,但在色彩鲜艳的背景下,就另当别论了。

实际上,亮红色背景中的字符由黑色变为灰色是特定光强下降的结果。

但在色彩斑斓的景物下,如果想比光强度更压抑,就要让文字慢慢向布景靠近,而不是改成深灰色。

有两种方法可以解读萧条和战争场景之间的对比:

1.压抑的大红字没有透明度。

没有透明度,可以让套色通过,以不排斥的方式压低发展前景。墨水笔战斗集中间的特定光照强度。

2.根据布局选择文本的颜色。

当风景是关于形象的设计时,半透明的文字会危及易读性。最好是根据景物的主色调来选择回应的文字精华。

3.杨颖的假设

类比于恍惚间接受大范围的散射阴影,利用特有的下垂来转移阴影的结果更加明显和纯粹,它模仿了最常见的灯源的特性,从上到下照射光线所产生的阴影的结果。

如果你对这件事感兴趣,材料设计指南非常清楚如何创造黑暗的正面阴影的要点。

4.少用边框就好。

小框模板是网页前端开发中最常用的项目。当你要求两个元素分离的时候,就用两者之间的差距来劝阻间接的战斗。

虽然Border是分离这两种元素的好方法,但它不是唯一的方法。用多了会让整体规划的所有假设都被压低,造成混乱。

所以可以考考上面的方法来避免:

1.使用方框阴影

盒影也能营造出落差感,而且更奇特。其实不容易隐藏,也没办法分开客户的注意力。

2、真的用不同的布景来鉴别。

但是,如果相邻的素景出现奇怪的差异,就会让人不再识别。所以你需要做的就是把分化块的分化布局链接起来,在测试中删除外框,因为你的基本功不需要。

3、剪多余的黑色。

其实不需要经过整个过程才能显示出元素分离的结果,只需要剪开留黑,就可以分离了。经过整个黑战间歇的过程,去掉真实元素是UI想象中常用的脚步。

5.没有必要无缘无故放大小图标。

当你已经构思好了登陆页面,就可以突出素材的功能了。当你要求一些大的标志作为视觉效果主播的时候,你可以来像FontAwesomeaboutZondicons这样的网站找一些完全免费的矢量图标,然后放大到符合你的要求。

都是矢量图标,可以放大无益。但如果一个16×16的标志放大三四倍,自然无利可图。但是视觉效果很隐蔽,没有技术特长:缺少重点,总感觉太矮太胖。

但是,如果这些小图标是您可以获得的唯一材料图片,您可以尝试将它们放在另一个带颜色的图案旁边:

那种想法既能让logo达到预估的视觉效果体量,又能让它看起来比天真大,似乎还会去掉更多的关键点。虽然,如果你的脚不是那么松的话,最好买一批大尺寸的下实牌,比如Heroicons或者Iconic。

6.裁出彩色单面外框,提升自然。

虽然,你可能实际上并不是一个视觉领域经验丰富的空想家,但它可以让你的想象世界拥有丰富的视觉效果吸收能力。

最简单的办法就是把世界里外框的一面升级成纯色让它突然变化,可以让平凡寡淡的世界越来越清新。

如警告d出框一侧所示:

大约在导航栏的底部,以便触摸表格:

已经占据了所有页面的顶部:

其实不需要什么想象的体验,但是会加强想象感。

退一步说,你不知道该取什么颜色。很简单,在Dribbbletones的抢夺中真的能找到很多漂亮的颜色。

7.不是每个按钮都需要颜色。

很多情况下,按键本身所在的位置和按键上的文字内容都会被磁感应。类似BootStrap的框架允许远见者根据情境战争的含义终止他们的选择:

“当时,正面 *** 纵?让哪个扣子是翠绿色的。”

“有没有可能删除数据信息?然后将按钮设置为白色。”

诚然,词义战按钮本身的思想是互相关心的,但在更关键的层面上,也就是逻辑结构上,却一直漫不经心。

页面上的每一次 *** 控,都是真的位于所有交互金字塔的某一个影响力中。大部分页面确实需要一个主次 *** 作,拆解一些不太关键的关键 *** 作,少数很多三级 *** 作。

当这些相互作用被构思出来时,通过整个过程的逻辑结构呈现这些相互作用的关键是一个关键阶段。

主次手法应该很有意义。需要按下接受真彩色和降低特定光强的按钮。

按键控制要明显,但不能有突起。接受不死按钮是合理的。场景的颜色低于光照强度。

三级 *** 控应该是可以创造的发明,但没有明显区别。它们最好被视为联系。

“你知道破坏性交互触摸的按键不应该是白色的吗?”

需要!如果破坏性交互接触到的键不是一级或二级 *** 纵,就让它按照键 *** 纵甚至三级键 *** 纵来想象。

如果这种 *** 作是主要和次要 *** 作,您可以使它成为一个大的白色键,并减少文本:

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/777285.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存