Stylify Me:如何将优秀的网页设计融入到幻灯片中

在幻灯片的设计中,设计风格主要体现在:背景色、主辅色、标题层次对比、字体类型、大小、颜色,图片比例、色调以及页面构图等元素。如果你需要为某个品牌制作展示幻灯片,今天介绍的“Stylify Me”能帮助你快速在作品中嵌套入对象企业的设计风格。

“Stylify Me”与伟仔之前在“如何快速获取网站的配色方案”中提及的“Web Color Data”有点类似,但是功能更为强大:不仅可以直接查看网页的设计元素,还可以将设计方案直接导出为PDF文件。

1、输入待分析网址

访问http://stylifyme.com/之后,在输入框中输入要测试的网站地址,然后点击“Stylify Me”按钮,该网站的背景色配色方案字体颜色等信息都会直接显示出来,你就不用再辛苦去点击“审查元素”查看CSS了。

StylifyMeOnlineStyleGuideGeneratorbgcolor.png

2、查看网页字体设计细节

除了背景色和字体颜色之外,通过Stylify Me,你还会看到网页使用的字体类型字体大小字体颜色值等信息;继续下拉网页,你还可以看到网站上的图片尺寸以及整个网站首页的缩略截图

StylifyMeOnlineStyleGuideGeneratortopography.png

3、保存网页设计方案PDF

此外,点击页面右上角的“Download”按钮,你还可以通过Stylify Me将整个网站的设计方案导出为PDF文件,这样如果需要对比/收集不同的网页设计风格,就要方便许多。

StylifyMeOnlineStyleGuideGeneratordownload.png

4、应用到PPT模板主题

下图是根据半撇网站的配色方案,简单用作PPT的设计参考标准,你可以在PowerPoint 中进行应用,点击“视图”- “幻灯片母板”中,修改对应的“字体”和“颜色”方案。

1.png

Screenshot of changing master theme

本文没有设计在网页设计中超链接的悬停,点击、点击后等设计效果的应用,你可以参见优设的“网页设计中怎么都不会错的6条配色原则”,此外,如果你想要学习利用图片快速排版的技巧,可以参见优设的文章链接

Comments
Write a Comment