本文总结了七首简单的歌曲,可以改善网页的视觉效果,提高初中水平。尽情享受~
关于每一个网页,设计师都要做好自己的工作。在设计的过程中,他会遇到需要做一个想象的决定的时候。可能你的企业有专职设计师,而供应商需要设计新的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://www.uisdc.com/7-practical-tips-cheating-design
文章由@陈授权发布,作者已经同意劝阻拦截。
图片来自Unsplash,据CC0和平谈判。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)