从web界面中吸取ppt设计的灵感 - NordriDesign?官方博客——简约实用的P...

来源:百度文库 编辑:神马文学网 时间:2024/04/23 23:36:31
 

从web界面中吸取ppt设计的灵感

  

版权声明: 转载时请以超链接形式标明文章原始出处和作者信息

作者:zsign (www.nordridesign.com)

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


1、web中的版式设计表现


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

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

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

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



以下为PPT中的设计尝试



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



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



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

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




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



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




3、web中色彩设计

讲到色彩,是一个很泛泛的概念。这里的技巧在于,如果你在设计一个ppt时为如何配色而犯愁时,不妨查看一下同样行业特征/类型的网站。
web是基于屏幕显示,ppt基于屏幕和投影。投影下,色彩的饱和度会降低。所以宁可选择一些高亮的颜色,通过色彩对比突出主题。




ppt中的设计尝试