返回首页

从Web页面汲取的PPT设计灵感

时间:2015-05-27 22:25来源:Office教程学习网 www.office68.com编辑:麦田守望者

web2.0后的网站设计从布局到内容都开始重视起用户体验与可用性原则,网站整体简洁,干净,各个信息点力求一目了然。我们做ppt设计可以从一些优秀的web界面中寻找灵感。

web中的版式设计表现

我们从web中寻找ppt设计的灵感不是针对与所有的web界面,必须经过筛选和辨别。

以上网页中上下结构的布局在web设计中算是比较常见的一种。类比于一个新建一个空白的ppt文档,当我们用色块填充了一半的空间后,就已经形成了一个布局。

从web中寻找ppt设计的灵感还需要学会对web界面中内容的过滤,去除一些不必要的元素,寻找可以参考的表达形式。

以上网页中左上图片选择和处理方式与这种色块填充的布局相协调。(如何判断协调的概念:想象一下如果将左上图片换成一张四方的矩形图片,是否还有和谐的感觉)

从Web页面汲取的PPT设计灵感

以下为PPT中的设计尝试

从Web页面汲取的PPT设计灵感

左右结构的web界面设计。网页中的频道菜单设计现在也被越来越多的用在ppt设计当中,通过导航菜单的链接设置,可以方便的跳转到相应的页面。

从Web页面汲取的PPT设计灵感

以下为左右结构+菜单导航在ppt中的运用

从Web页面汲取的PPT设计灵感

web中的图片表现技巧(剪贴画形式)

也是现在web界面中比较流行的图片设计方法。剪贴画的概念围绕着“拼贴”二字。以下web设计中banner一块,很明显的两个图层,人物图片置于上层用了剪贴画的形式,大于背景区域,形成不规则轮廓。这样的设计避免了全部是矩形图片的平庸,同时显得很有设计味道。

从Web页面汲取的PPT设计灵感

以下为ppt中的设计尝试,同样是上下两个图层,上面用了png图片(在ps中去除背景,导出png格式)

从Web页面汲取的PPT设计灵感

为了强调“剪贴画”的概念,我们把png图层缩小到背景图以内,对比之下就显得平平。

从Web页面汲取的PPT设计灵感

web中色彩设计

讲到色彩,是一个很泛泛的概念。这里的技巧在于,如果你在设计一个ppt时为如何配色而犯愁时,不妨查看一下同样行业特征/类型的网站。

web是基于屏幕显示,ppt基于屏幕和投影。投影下,色彩的饱和度会降低。所以宁可选择一些高亮的颜色,通过色彩对比突出主题。

从Web页面汲取的PPT设计灵感

ppt中的设计尝试

从Web页面汲取的PPT设计灵感

------分隔线----------------------------
标签(Tag):PPT设计灵感
------分隔线----------------------------
推荐内容
猜你感兴趣