在幻灯片的设计中,设计风格主要体现在:背景色、主辅色、标题层次对比、字体类型、大小、颜色,图片比例、色调以及页面构图等元素。如果你需要为某个品牌制作展示幻灯片,今天介绍的“Stylify Me”能帮助你快速在作品中嵌套入对象企业的设计风格。
“Stylify Me”与伟仔之前在“如何快速获取网站的配色方案”中提及的“Web Color Data”有点类似,但是功能更为强大:不仅可以直接查看网页的设计元素,还可以将设计方案直接导出为PDF文件。
1、输入待分析网址
访问http://stylifyme.com/之后,在输入框中输入要测试的网站地址,然后点击“Stylify Me”按钮,该网站的背景色、配色方案、字体颜色等信息都会直接显示出来,你就不用再辛苦去点击“审查元素”查看CSS了。
2、查看网页字体设计细节
除了背景色和字体颜色之外,通过Stylify Me,你还会看到网页使用的字体类型、字体大小和字体颜色值等信息;继续下拉网页,你还可以看到网站上的图片尺寸以及整个网站首页的缩略截图。
3、保存网页设计方案PDF
此外,点击页面右上角的“Download”按钮,你还可以通过Stylify Me将整个网站的设计方案导出为PDF文件,这样如果需要对比/收集不同的网页设计风格,就要方便许多。
4、应用到PPT模板主题
下图是根据半撇网站的配色方案,简单用作PPT的设计参考标准,你可以在PowerPoint 中进行应用,点击“视图”- “幻灯片母板”中,修改对应的“字体”和“颜色”方案。
本文没有设计在网页设计中超链接的悬停,点击、点击后等设计效果的应用,你可以参见优设的“网页设计中怎么都不会错的6条配色原则”,此外,如果你想要学习利用图片快速排版的技巧,可以参见优设的文章链接。