UI设计者必须知道:在线图表和详细的设计问题

UI设计者必须知道:在线图表和详细的设计问题
UI设计师往往画上美丽的框架、原型、视觉稿,超级棒的,惊人的。今天,设计师为你精心制作的接线图和设计问题的小编辑,可以来学习哦

背景:两年或三年前,我发现了很多信息技术的朋友(非设计师)设计使用上面列出的词。他们认为,线框,原型,和模型有:手绘手工绘制的设计来表达自己的想法。
我开始没有问什么当我在设计中,我经常听到让你的设计更自由。很长一段时间,我不明白它的含义。最后,与有线图和设计相比,我们发现没有改变hellip。这一次,我想思考一下接线图和设计的问题。

1。从框架图到设计

如果你听到这件事的确切再现!基本表达方式是自由的,请充分发挥你的创造力。

第1点:改变区域

我想很多的线框的布局是一个方形的盒子。然而,很多网页设计最近已经看到充满了浏览器的宽度。
这样一个线框经常发现,例如,Lo在左边,和菜单的右边。大广告箱,以下是内容hellip;。整个四线包。如果你设计的网站,根据这个,你可能看不到宽屏广告图。
因此,广告图的宽度必须完整的浏览器,并改变设计会让你感觉更好。用线框相比,他的画也不同。

第2点:改变布局

这是不容忽视的安排的重要性,这是一个更详细的考虑。
在列表页上经常可以看到图片、标题和摘要的列表。你怎么能更注意图片呢

这个例子是把文案上的一张照片。在长长的书面副本的情况下,这样的安排是有效的。
此外,这种图标的布局和文章的组合也经常被看到,像这样的长文本对齐很难阅读。
像左边的这张图片一样,文章放在右边,重要元素不能改变,左对齐的文章更易读,更紧凑。

第3点:改变表达方式

这是编制框图阶段的要点,但是,如果不制定框图,设计者也会提出各种方案的演示,更大的变化是在开始设计之前先好好讨论一下流程图。
这是一个实际的例子,我打算参加一个青蛙学校,它的目标是成为一名创新者,定期举办一个关于短期网页设计和英语锻炼能力的讲座,有3个成本计划,最初是这样的一个文本,包含服务和成本摘要。
但事实上,这样的成本表发生了变化。包含的,不包含很容易划分清楚的。
还有其他的日历,可以在网站上看到。日历要方便,需要做很多工作。这个网站有3至4个月内的事件,如果你轮流日历,它浪费了很多的空间时,它的设计。
改变一个简单的活动清单。白天和地点也很容易区分。

两。什么能改变有必要的理由

设计这样的按照交付线框,这是不可能的。必须有设计一个所谓的原因。没有原因的设计正是自我满足。尽量到线框者解释变化的原因吗这感觉不错通常不是一个答案,所以所有的线框图的设计,但我不了解它。总觉得设计师这样的工作,请慢慢放弃了这个想法。
三。编写方框图的人。

到目前为止,它可以被写入的设计师。这是书面的线框模型制作人。为了完成设计更快,有几点需要被提供。

不要添加简单的设计元素

会有设计师根据框架图促进设计的一个重要原因,并且会有一个混乱的地方。在方块图阶段,如果它是白色的,字体和颜色,设计师将忠实地呈现,并不会增加很多的变化。但线框的目的是确定优先级别和必要的内容。设计师应该放弃更多的固定的概念去工作,和画面应该很简洁。

此外,还指定了颜色和字体,附件通常被视为标准样式。

文本可以复制粘贴。

也有很多人用Web服务和插图等工具来制作相框,还有一些图片被传送到印刷品上,为了更好地提高工作效率,尽可能插入的文本可以被复制粘贴,并乐于提供文件格式。

标记和再处理其他标准

插入一个字体一列这个简单的笔记做,网站反映的内容将被忽略的混乱。如果你使用一个对话框,或改变颜色,这是容易理解的。最近我用工具制作相框,moqups,添加你想要的添加的内容要点,可很方便。
给出了几个例子来介绍线框图和设计,因为这只是一个例子,不能适用于所有的网站。网站设计的最佳方式是什么仔细想想,做设计。然后我想成为一名设计师,是自信的说请给我的线框。

以上是线框图和设计的详细说明。对于一些初学者的线框设计,这是一个很好的教程。希望能对你有所帮助。

tag:图表在线设计者详细电脑软件

相关内容