火星网校
UI设计需要知道这些会让设计更高级
发布时间：2024-03-14 14:58:18 浏览量：116次
很多设计师经常跟我吐槽说，好难做出设计感，其实设计感这东西看不见摸不着，全凭领导感觉。不过也有一些技巧性思路来提升，比如在UI版式中灵活运用点线面来增强设计感。那么今天我们只讲，如何用”线“来增强页面精致度。
记得先收藏哦，万一哪天需要时就找不到了。好了，下面开始今天的正题。
为什么是线？
说到线，给大家看个案例，我想这样比文字说得更清晰直观。
上面海报中，左侧加线，右侧没加线，大家看出什么端倪了吗？左侧的信息会更聚焦与整体性强一些，右侧会有一些散。线在这里面还有一定的指向性作用，比如将文字从上到下的引导阅读。
再来拆解看看
将图片和文字信息隐藏掉，留下线，此刻我们可以更直观看出区域的划分，这种块状结构在版式中会更稳一些。所以线在版式中作用非常大，用好后，可以提升页面精致度，那么下面我们来更深入看看线的其它作用。
线的装饰作用
当用线作为装饰，在设计中大多都是起到辅助性作用，通过线条可增强画面感和设计形式感。往往一条小线，都可以使得画面增添一些精致度。
在电商运营图设计中，运用线可增加设计细节，聚焦信息。
线的组织信息作用
在排版设计中，我们经常使用线来组织信息布局，分割信息。这样形成视觉层次关系，同时让信息更好的分组，便于阅读。
上图，运用线将信息进行分组，这样保证信息有效传递，同时也增加画面的小细节。
下面来看看其他的应用案例
线除了在平面中出现较多，它在UI设计中也有出现，如下图。
在信息设计与包装中也常出现线条的影子。
线的引导视觉作用
线条作为视觉引导时，一般情况下具有一定指引作用，将人眼引导致视觉中心，起到一个串联信息的作用，当然还可以作为视觉形式感，增加画面精致度。
如上图，设计思路的流程。一条线就串联起整体，我们会不由自主的从左侧往右侧扫描信息。
下面来看看其他优秀案例
更多UI中应用案例
上面讲了线的三大作用， 那么下面给大家看下其他UI案例的应用，便于大家理解。同时也看看一些优秀的设计，是如何使用线来进行设计的。
当然，还有像下面这种表达功能的线。
最后想说的话：”虽然我们大部分工作都是做界面，但是大家应该要明白，版式是一切的基础。这就是为什么你觉得UI很简单，但是当下手去做时，却做不出个花样来。所以要牢牢把版式学好，UI界面创意自然就有更多无限可能。“
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
