在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
在UI设计的工作中,最简单但同时也是最基础的设计就是线框图。说到这里,可能会有许多人不以为然,不就是线框图吗,有什么难的?但其实想要掌握线框图的设计,还需要学习不少的设计技巧。下面本文将会从线框图的定义、作用以及设计技巧展开讲解,一起来看看吧~
1、线框图的定义:
我们常常说的线框图其实就是指的页面示意图,也可以叫做屏幕蓝图。它的作用是展示网站或产品框架。在设计环节,线框图设计常用在考虑用户需求的情况下在页面上布置内容和功能。从开发的角度分析,添加视觉设计和内容之前,在开发过程早期使用线框来建立页面的基本结构。说到底,线框图的设计目标其实就是向大众用户展示产品将包含的页面和组件,以及这些元素之间的相互作用。
2、线框图的作用
(1)帮助团队评估和完善工作范围。线框图允许设计师快速创建产品的视觉表现,方便后期修改;而且线框图还能帮助设计师向团队展示应用程序具有的页面元素和控件,以及所有元素如何进行交互。
(2)让团队所有成员参与产品设计。线框图的使用允许设计师和开发人员在早期阶段共同参与讨论设计,在开始进行视觉设计之前就提供反馈和更改建议。设计过程中,经常会遇到需求的来回变化。有了线框图,可以使这个过程更有效,修改原型比修改线框图需要更多的时间和精力。这样有助于使设计过程快速迭代,避免不必要的浪费。
(3)进行用户测试。线框图可以帮助设计师从潜在用户那里获得有价值的反馈。同时浏览线框比读取规范要快得多,还有助于减小与预期效果的差异。
3、线框图的计技巧
(1)正确运用彩色:如果在线框图中使用丰富的配色,可能会分散观者的注意力,并使更新变得更困难。但在某些情况下,使用颜色突出显示特定组件是合理的。例如,可以将红色用于错误状态,将蓝色用于注释等。
(2)使用简单的组件:线框图并不包含全面设计和详细说明的组件。相反它们应该设计的相对简单,让团队成员更容易识别。为组件添加细致的阴影、粗细描边将花费大量的时间和精力,却不是很实用。
(3)风格统一一致:在所有线框图中,类似的组件必须看起来相同。如果相同的组件看起来不同,开发人员可能会质疑它们的功能是否相同,甚至会因为设计不同而增加估算时间。在处理线框图时,记住一个简单的设计技巧保持一致,避免造成混淆。
(4)多使用注释:在线框图设计中可能会遇到某些解决方案无法直观地加以说明的情况,例如某些控件背后的逻辑,因此开发人员可能会对它们有疑问。在这种情况下,可以提供注释来解释其背后的逻辑。这样团队就会理解你的解决方案,你就不需要花时间再讨论它们。
(5)将线框图延伸到交互原型中:在使用不同产品时,有一些简单而通用的交互,也有一些交互相当复杂。在线框图不足以说明复杂性的情况下,可以将线框图扩展到交互原型中,而不必写冗长的注释并花大量时间进行解释。
关于线框图的设计技巧干货就讲解到这里了,大家都掌握了上面的内容了吗?当然只是学习干货知识,可能还很难熟练运用这些设计技巧。因此,大家还是要在作品中多多练手,才能更好掌握线框图的设计精髓!
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
参加视觉设计就业班能找到工作吗?
很多人都认为,参加视觉设计就业培训班就一定可以找到高薪的工作。但实际上并不是所有参加培训的同学都如愿找到心仪的工作。其中市场大环境因素、培训班教学能力、个人学习情况以及沟通面试技巧等等方面,都是绝对你最终是否可以高薪就业的因素。那如何才能通过视觉设计就业班找到高薪的工作呢?
3112
2019-09-12 17:59:17
网页设计培训需要学什么?难不难?
网页设计培训需要学什么?难不难?以博学谷的网页设计课程为例,主要培训内容有基础WEB设计、web设计规范等,项目实战包括企业建站设计、大型平台设计、一屏式网站及专题网站设计、HTML5响应式网站设计、纯Flash类网站设计、游戏类网页设计等等。说到学习难度,肯定比自学简单,毕竟有资深讲师的指导,课程内容设置的循序渐进,只要认真学就能掌握网页设计的技能。
3782
2019-10-23 18:29:55
优秀的UI设计师需要具备哪些能力?
如今,UI设计行业发展得如火如荼,但是很多设计师常常会有这样的错觉:你自己找工作困难,就会觉得这个行业下滑了。事实上,如果你设计能力不行,那么每一年对你而言都是最难的一年。而无论什么时候,优秀的UI设计师总是被80%的行业需求所争抢,而普通UI设计师却还在苦苦挣扎。因此提高自己的个人竞争能力,才是解决一切困境的办法。那么,优秀的UI设计师需要具备哪些能力呢?
3530
2020-05-26 17:03:04
电商网页设计的三大要点
电商网页的界面是呈现产品的载体,也是与消费者沟通的窗口,因而其包含多种多样的视觉元素。在电商网页设计的过程中,需要遵循页面易读、容易浏览和风格布局一致等原则。今天我们要来深度讲解的就是电商网页设计的三大要点,即布局设置、视觉元素和活动元素。
3373
2020-06-04 16:49:41
电商网页设计发展前景如何?
随着互联网的普及和电商行业的发展,各大电商平台卖家之间的竞争已经到了白热化的程度。而电商网页设计也自然而然引起了人们的重视。毕竟人都是视觉动物,电商网页设计很大程度上影响了产品的线上销售效果。那么电商网页设计发展前景究竟如何?答案是十分肯定的,无论是该行业本身,还是该行业的从业者,发展前景都将十分广阔和光明!
3758
2020-06-11 11:36:06