
为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也不允许上传这个格式,文件也是最大的,优势不如前三者。






