
我刚入网页设计的时候什么也不问就着手了工作,时常听到“让你更自由的去设计吧”。许久一段时间不太明白其中的意味。最后对照交付的线框图和自己的设计时,发现什么也没改变…这次试着从新思考一下关于线框图和设计的问题。
一.从线框图到设计
如果听到“准确的通过这个再现出来!”,基础的表现手法是自由的。请尽情地发挥你的创意吧!
要素1:改变面积
我认为线框图许多部署都是四方形围成的箱子。但是,近期的看到的许多网站设计是宽度填满浏览器的。
例如时常能发现这样的线框图。Logo在左上,右上是菜单。很大的广告框,下面是内容…。这个全部都四边形的线给包裹住。如果根据这个去设计网站,或许就不能看到宽屏的广告图了。
因此广告图的宽度需要充满浏览器,改变设计会让得到更好的感觉。与线框图相比,他的图片也形成了差异。
要素2:改变布置
并非要无视布置的紧要度。而是更详细的思考。
时常在列表页等能看到,图片和标题、概要的列表。怎样才能更好的关注图片呢?
这个例子是在图片上放置文案。要是没有长文案,这样的布置是灵验的。
另外,这样图标和文章组合的部署也能时常看到。像这样的长文本中对齐是相当难以阅读的。
像这样图像在左,文章在右的放置。紧要的元素是不能改变的,左对齐的文章提升了可读性,文字更加紧凑。
要素3:改变表现手法
这是在筹备线框图阶段的要素。然而,没有参加制作线框图的时候,设计师也会提出种种提案的表现手法。较大的改变是在开始设计以前,交付线框图的时候好好商量。
这里举个实际例子。我去参加一个在海外以成为创意家为目标的Frog School,定期举办短期网站设计和锻炼英语能力的讲座。这里有3个费用的方案,最初是像这样上面包括着这服务和费用汇聚之后的文本。
然而实际上像这样的费用表已经改变了。包括的,不包括的很容易就分的清。
也有其他的,能在网站上看到活动提示的日历。日历想要便利,需要大做文章。这个网站因为是一个月举办3到4次活动,如果反过来来看日历,在设计的时候会浪费掉务必的空间。
像这样改成单一的活动列表来表示。举办日和举办场地也会很容易分辨。
二.什么都能够改变么?要有必要的原因
像这样根据交付的线框图去设计也还是不行的。必须要是有所谓的设计原因。没有原因的设计只是自我满足。尽可能的对线框图制作人去介绍更改的原因?“这样感觉看起来很好“这样的回答通常是不行的。因此全部采用线框图的设计,而自己一点没明白。总觉得根据这样做法去工作的设计师,请渐渐的抛弃这样想法吧。
三.写给制作线框图的人
到这里为止,能够写给设计师。这里着手是写给线框图制作人的。相比为了更快完成设计,有几点还是要拜托的。
不要加入设计元素,简易
关于设计师按照线框图推进设计的紧要原因,也会有“线框图制作让人迷惑”的地方。在线框图的阶段,如果留白,字体和颜色都被制定了,设计师会忠实的体现出来,不会加入很大的改变。但是线框图的宗旨是优先等级和必要内容的确认。设计师应当更多的丢弃固定的观念去工作,相框图应当是非常简洁的为好。
另外,颜色和字体被指定的情形也是有的,附件作为规范样式也能时常看到。
文本能够作为拷贝粘贴
用Web service和Illustrator等工具制作相框图的人也有许多,其中也有交付打印的相框图。想要更好的推进工作效率,尽可能插入的文本是能够复制粘贴的,很高兴交付的是文件格式。
标记与备注用别的准则
在线框图中插入“标记字体用一栏”“难点突出”等等的注释。这样单一这样做,网站所反映的内容会被混淆看漏。要是操作对话框,或者是改变颜色,这样的内容更容易被了解吧。近期我操作的制作相框图的工具Moqups,在内容加入想要追加的要素,可能这样的浏览方式是相当方便的。
举了几个例子,说明了线框图与设计,因为这只是一个例子,不能对所有的网站都灵验。对于网站用怎样的表现手法去设计是最佳的?一边仔细的思考一边去做设计吧。然后希望成为能自信满满地说 “线框图请交给我吧”的设计师。
下一篇:甲方怎样与网站设计师明晰需求?
