StyleStar的88×31 Web按钮设计

为Stylestar论坛制作的88×31尺寸的Web按钮设计

这些是为Web论坛StyleStar所设计制作的88×31尺寸的横幅按钮,
在StyleStar论坛网站,主要的显示主题的外观,与Windows Aero(Windows Vista 与Windows 7)的界面非常相似,使用了许多Windows系统自带的精美素材,具有别无二致的特色。

特此,我按照论坛网站的视觉风格,设计出包含元素的88×31尺寸的按钮,以供各位论坛交流者共享StyleStar论坛网站的超链接。

我另外想要制作的是可以实现动态动画的GIF/APNG/WEBP动图版本:

如果访问StyleStar论坛会发现,加载页面时顶部会显示类似于加载状态的辉光显示(即本文宣传图与第二样式按钮显示的蓝色辉光),这种辉光会从左到右自动滑动;那么在按钮的顶部,也可以实现类似的效果。

我不太清楚如何制作动画以及使用对应的软件……


更新:动态图片版本

我想到了使用ScreenToGif工具制作,这是一个土办法:就是在绘图软件中依次导出关键帧,然后使用ScreenToGif将它们合并起来。

这种方式实现的效果有限,如果要制作更高级的效果,我还是要研究一下Flash之类的动画制作软件。

以下是三种格式的按钮动图版本:

这些按钮包括GIF、AVIF以及WEBP的格式,分别有各自的特色,其中AVIF是最小的、但支持度不如WEBP,GIF以及它的压缩画质是最经典的。还有一个APNG格式,质量最高、可以被QuickLook预览(但不能生成系统缩略图),但是浏览器和网络程序的支持度与普及率很差,就连WordPress也不允许上传这个格式,文件也是最大的,优势不如前三者。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

本站接受Webmention方式的回复信息接收,您可撰写一篇包含本文URL的文章,并将您的文章的URL填写至下表。 随后,您文章对本帖的回复内容将显示在页面上(可能需要审核)。若需更新或删除回复内容,请再次输入您的文章的URL。 此外,若您使用WordPress的插件,它可能是自动发送的,无需人工介入。 了解 Webmention 提及技术