当前位置:首页 > 日记 > 正文

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

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

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

1。从框架图到设计

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

第1点:改变区域

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

第2点:改变布局

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

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

第3点:改变表达方式

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

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

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

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

不要添加简单的设计元素

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

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

文本可以复制粘贴。

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

标记和再处理其他标准

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

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

相关文章

如何打开excel文档的excel库

如何打开excel文档的excel库

文档,电脑软件,excel,Excel经常使用Office中的软件,在启动Excel之后,它通常需要打开一个Excel文档。一般来说,您可以使用以下两种方式。 1、启动Excel,创建空白文档,打开文件选项卡,选择,,打开,选择中,选择打开,在列表中,计算机选项,点击鼠标,右侧的浏览…

在Word中使用技术、文字插入GIF动

在Word中使用技术、文字插入GIF动

动画,方法,文字,技术,电脑软件,相信大家都喜欢用文字来渲染画面,以增强视觉效果。然后问题就来了。如何插入GIF动画的字,你怎么教萧边晓边,希望萧边能对你有用。 1、首先百度AniGIF.ocx很容易找到这个小文件,下载文件。 2,将此文件复制到C: Win…

解释接收阵列形式通过Struts2中Aja

解释接收阵列形式通过Struts2中Aja

阵列,方法,解释,两种,形式,使用struts2的形式来传递值,非常灵活方便,通过一个或一个对象的所有属性。但我们应该做些什么如果我们需要传递一个数组并希望Struts正确收到了吗 下面我将从两种方式来解释它:普通表单和ajax。 student.java 学生…

如何处理Javascript多并发问题

如何处理Javascript多并发问题

并发,如何处理,电脑软件,Javascript,编写代码时,常常会遇到这样的场景:在初始化页面时显示加载页面,并启动多个Ajax并发请求来获取数据。当每个Ajax请求返回时,结束加载。 例如,一个订单页面,用于查询公共地址信息、商品信息、城市信息……这些请…

PS图象处理软件创造了一个美丽的秋

PS图象处理软件创造了一个美丽的秋

水景,图象,一个美丽,处理软件,秋天,今天,小编辑教你如何用PS来创造一个绚丽的秋天暖色效果。效果非常漂亮,你喜欢的朋友可以一起学习。 图像以绿色为主,直接以主色为秋天的橙色;然后黑暗暗淡而增加蓝色;给一些局部渲染高光的图片,可以增加感官层…

原理和微信获取用户地理信息的步骤

原理和微信获取用户地理信息的步骤

用户,步骤,地理信息,原理,电脑软件,在微信公众服务号的发展需要,用户经常得到的位置信息功能。通过用户位置信息,我们可以做一些地图导航和基于LBS的营销活动。 以下是原则和引入微信服务号获取用户位置信息的步骤。 原理 1。位置信息获取…

PS图象处理软件设计的三维应用程序

PS图象处理软件设计的三维应用程序

软件设计,图象处理,应用程序,暂停,显示效果,本教程介绍一个关于暂停应用程序显示PS图象处理软件设计的朋友。这个教程产生的效果非常现实,非常真实。建议大家一起学习。 想了解你的应用程序的高显示,今天看到这个PS图象处理软件的设计是悬浮…

PS图象处理软件打造丰富多彩的马赛

PS图象处理软件打造丰富多彩的马赛

丰富多彩,图象,处理软件,背景,效果,本教程主要是介绍PS图象处理软件时尚多彩的彩色马赛克背景效果的方法给朋友。教程很好,整个过程不超过20分钟。爆破效果好。建议你喜欢你的朋友快速学习。 今天,我们将介绍PS图象处理软件制作五彩镶嵌的时…

ai创造美丽的立体空心球

ai创造美丽的立体空心球

创造,美丽,空心球,电脑软件,ai,本教程是介绍给ai的朋友,他做了漂亮的三维镂空球体。这个教程制作的球非常漂亮,难度也不是很大。建议像你这样的朋友过来看看,希望能帮到你。 本教程教ai爱好者制作三维空心球方法,用漂亮的AI教程,一般难度大,使球…

用技术在word中增加水印的方法

用技术在word中增加水印的方法

方法,水印,技术,电脑软件,word,当经常使用时,Word编辑一些Office文档。有时,当打印一些重要文件时,还需要加上秘密以下的小编辑和排序的文字水印技巧,供大家参考,希望您能有所收获! 增加水印的文字技术: 1。添加水印 1,打开需要添加到水印的word文…

关于如何设计梦幻灯光背景效果图的

关于如何设计梦幻灯光背景效果图的

教程,效果图,灯光,背景,梦幻,用ps笔刷和滤波工具快速设计梦幻灯光背景效果图 今天我们学习使用PS笔刷和滤镜工具设计梦的光点的背景效果图,用画笔进行现场是非常快的,只需要在画笔预设设置一些参数;然后涂抹可以初步的点在画布上,后来通过调整…

我该怎么处理我的话词中常见问题

我该怎么处理我的话词中常见问题

常见问题,我该,怎么处理,词中,电脑软件,问题:无法打开我的话后立即双击,但弹出说遇到问题需要关闭的对话框,询问是否发送错误报告,然后另一个弹出对话框询问是否要使用安全模式启动Word,点击是;;打开Word,然后使用在打开按钮打开;我想打开的文件,这是…