大大都环境下,我们倾向于低估本身所熟悉的事物。在本文中,我们将研究设计中最简朴、因而经常被低估的勾当之一,即线框图的设计。相识什么是线框图,为什么需要设计它们以及如何充实操作线框图。
一、什么是线框图?线框图,也称为页面示意图或屏幕蓝图,是展示网站或产物框架的视觉指南:
设计:线框图凡是用于在思量用户需求的环境下在页面上部署内容和成果。
开拓:添加视觉设计和内容之前,在开拓进程早期利用线框来成立页面的根基布局。
线框图的主要方针是向团队和洽处相关者展示产物将包括的页面和组件,以及这些元素之间的彼此浸染。
二、为什么需要设计线框图? 1. 辅佐团队评估和完善事情范畴线框图答允设计师快速建设产物的视觉表示,利便后期修改;辅佐设计师向团队展示应用措施具有的页面元素和控件,以及所有元素如何举办交互。
2. 让团队所有成员参加产物设计阶段线框图的利用答允设计师和开拓人员在早期阶段配合参加接头设计,在开始举办视觉设计之前就提供反馈和变动发起,这样有助于使设计进程快速迭代,制止不须要的挥霍。
3. 利便快速演示从客户和洽处相关者哪里得到快速反馈是设计进程的重要构成部门。设计进程中,常常会碰着需求的往返变革。有了线框图,可以使这个进程更有效,因为修改原型比修改线框图需要更多的时间和精神。
4. 举办用户测试线框图可以辅佐设计师从潜在用户哪里得到有代价的反馈。同时欣赏线框比读取类型要快得多,尚有助于减小与预期结果的差别。
三、线框图实际应用为了得到更好的功效,为下一步的UI打下坚硬的基本,需要遵循几个简朴的法则:
1. 颜色的利用假如在线框图中利用富厚的配色,大概会分手观者的留意力,并使更新变得更坚苦。
但在某些环境下,利用颜色突出显示特定组件是公道的。譬喻,可以将赤色用于错误状态,将蓝色用于注释等。
2. 利用简朴的组件线框图并不包括全面设计和具体说明的组件。相反它们应该设计的相对简朴,让团队成员更容易识别。添加具体的组件将耗费大量的时间和精神,却不是很实用。
3. 保持一致性在所有线框图中,雷同的组件必需看起来沟通。假如沟通的组件看起来差异,开拓人员大概会质疑它们的成果是否沟通,甚至会因为设计差异而增加估算时间。
在处理惩罚线框图时,记着一个简朴的法则:保持一致,制止造成夹杂。
4. 利用真实内容我们会常看到UI/UX设计师没有在线框图上添加真正的内容,而是反复利用同一些文本,这是很少有设计师意识到的普遍错误。
内容真实与否会影响接下来的设计。假如利用不真实的内容,UI设计中文本的数量几多和排布 *** 都要再调解。真实内容能给线框图增加代价,更好地表明上下文。
5. 利用注释设计中大概会碰着某些办理方案无法直观地加以说明的环境,譬喻某些控件背后的逻辑,因此开拓人员大概会对它们有疑问。
在这种环境下,可以提供注释来表明其背后的逻辑。这样,你的团队就会领略你的办理方案,你就不需要花时间再接头它们。
6. 线框图水平线框图应该选择低保真照旧高保真,没有严格的划定,取决于项目标详细要求。
硅谷知名作家埃里克·莱斯认为,假如不能带来代价就不需要做特另外事情,从基本做起,然后按照需要添加细节。
7. 将线框图延伸到交互原型中盗微信怎么找黑客 1、黑客接单就给大家分享两个恢复微信聊天记录的方法,盗微信中国接单网站红客联盟核心成员找黑客。你好,偶。接单网络,绕过百。常登录路由器管理后台。微软的VB页面有一些信息。最近更新,盗...
这些天,有许多粉丝私信问我,煮毛豆时要注意什么?怎么煮出的毛豆才像外面大排档里卖的一样好吃入味? 前一阵子和朋友去一家烧烤店吃烤肉,顺带点了一盘毛豆,没想到,毛豆成了主角,色香味俱佳,好吃入味,...
伴随着计算机技术的迅猛发展,电脑上已进到家家户户。有时在电脑操作的情况下一不小心误删安装文件,造成 电脑上不可以一切正常运作。此刻大家就可以应用修复系统恢复的方式处理此难题。 电脑上如何恢复系...
受此影响,迪士尼昨晚股价继续下挫3.24%。至此,股价从上个月的147.15美元高点已跌去10.5%,市值蒸发近280亿美元(约合人民币1977亿元)。 迪士尼市值已跌去近2000亿元 近期,...
伴随着数据泄漏事情的高发,公司和机构的安全防范意识慢慢创建起來,但在明确提出数据安全基本建设要求的情况下,又通常对本身的数据资产情况不甚了解。因而,维护数据安全,不可以简单直接的上各种各样网络安全产品...
黑客如何找ios系统漏洞相关问题 淘宝上如何找黑客相关问题 电脑被黑客入侵设置密码了怎么办 黑客真的能追回网赌输的钱吗(网赌输钱追回)...