ui设计中的小技巧——线
线条是我们日常生活中随处可见的元素,箱子,道路,对话框我们可以从中看到线条的存在,而在UI设计中,我们可以通过 […]
线条是我们日常生活中随处可见的元素,箱子,道路,对话框我们可以从中看到线条的存在,而在UI设计中,我们可以通过灵活运用线条来增强设计感。
许多人可能会觉得,不就是一根线嘛,UI设计中多一根少一根能有什么区别。最简单的例子,线条可以运用在我们的模块区分当中,具体我们可以看一下下图,通过线条我们可以把同一个模块很好地规划在一起,同时也可以让模块之间进行区分。
在视觉上,线条不同的分布,也能带给我们不同的感觉,粗的横条纹会比细的竖条纹更加显胖。而在UI设计的排版中,我们会通过线条来进行分类和排序,让信息具有层次性,也能更好地引导用户进行阅读。
而我们会经常发现,UI设计中时间的排序以及关系图我们都会用线条进行串联。这就是线条作为视觉引导的作用,虽然没有箭头,但我们可以很自然地根据线条行进,而且还能起到信息串联的作用,不让信息过于松散。
有的时候你觉得画面中的重点信息不够清晰、突出,给它加上线,就可以强调标题,聚焦视觉
如果觉得画面有些空,想要填补一下这些空白,可以添加线元素进行装饰,推荐使用直线或者曲线,都很好用,能够点缀画面,让版面富有变化
当你想要做出一些设计形式感的时候,可以试着添加一些线框,主题就会更加鲜明,突出视觉层级。
虽然我们大部分工作都是做界面,但是大家应该要明白,版式是一切的基础。这就是为什么你觉得UI设计很简单,但是当下手去做时,却做不出个花样来。所以要牢牢把版式学好,UI界面创意自然就有更多无限可能。
声明:本站所有文章,如无特殊说明或者标注,均为本站原创发布。任何个人或组织,在未征得本站同意,禁止复制、盗用、采集、发布内容到任何网站、书籍等各类媒体平台,如若本站内容侵犯了原著作的合法权益,可以联系我们进行处理。本文链接http://www.cwkjwljs.com/article/6