根据原型图的网页设计

发布时间:2015-11-03 编辑发布:迪麦互动

如果是刚进入设计行业,如果是没有经验的web设计师,那么原型设计图对于做网页设计是可以达到预想的效果。如果听到“准确的通过这个再现出来!”,基本的表现方法是自由的。请尽情地发挥你的创意吧!

原型图到设计图的技巧

一、改变表现方法

这是在准备线框图阶段的要点。然而,没有参加制作线框图的时候,设计师也会提出各种提案的表现方法。较大的改变是在着手设计之前,交付线框图的时候好好商量。

这里举个实际例子。我去参加一个在海外以成为创意家为目标的Frog School,定期举办短期网页设计和锻炼英语能力的讲座。这里有3个费用的计划,最初是像这样上面包含着这服务和费用汇总之后的文本。通过这样,包含的和不包含的就分得很清楚。


二、改变大小

线框图很多布局都是四方形围成的箱子。但是,最近的看到的很多网页设计是宽度填满浏览器的。如经常能发现这样的线框图。Logo在左上,右上是菜单。很大的广告框,下面是内容…。这个全部都四边形的线给包裹住。如果按照这个去设计网站,也许就不能看到宽屏的广告图了。

因此广告图的宽度需要充满浏览器,改变设计会让得到更好的感觉。与线框图相比,他的图片也产生了差别。


三、改变布局

并非要无视布置的重要度,而是更详细的考虑。 经常在列表页等能看到,图片和标题、概要的列表。怎么样才能更好的关注图片呢?这个例子是在图片上放置文案。要是没有长文案,这样的布置是有效的。

总结:以上几个原型线框图和设计图的例子,很好的说明了原型线框图的重要性,但在设计的时候不是一成不变,怎样才更有效,更多的还是要设计师在设计中探索。






分享至: