<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://v1sta.xyz/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/">

<channel>
	<title>Aero &#8211; 景の域</title>
	<atom:link href="https://v1sta.xyz/tag/aero/feed/" rel="self" type="application/rss+xml" />
	<link>https://v1sta.xyz</link>
	<description>远景的幻想空间</description>
	<lastBuildDate>Sat, 11 Apr 2026 04:59:50 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2-60x60.png</url>
	<title>Aero &#8211; 景の域</title>
	<link>https://v1sta.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://v1sta.xyz/tag/aero/feed/"/>
	<item>
		<title>StyleStar的88&#215;31 Web按钮设计</title>
		<link>https://v1sta.xyz/artworks/88x31-stylestar-web-banner-button-design/</link>
					<comments>https://v1sta.xyz/artworks/88x31-stylestar-web-banner-button-design/#respond</comments>
		
		<dc:creator><![CDATA[远景の域主 V1STA]]></dc:creator>
		<pubDate>Sat, 11 Apr 2026 04:58:30 +0000</pubDate>
				<category><![CDATA[艺术创作]]></category>
		<category><![CDATA[Aero]]></category>
		<category><![CDATA[Frutiger Aero]]></category>
		<category><![CDATA[StyleStar]]></category>
		<category><![CDATA[Vista]]></category>
		<category><![CDATA[Windows]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=4372</guid>

					<description><![CDATA[为Stylestar论坛制作的88&#215;31尺寸的Web按钮设计 这些是为Web论坛StyleStar所 &#8230; <a href="https://v1sta.xyz/artworks/88x31-stylestar-web-banner-button-design/" class="more-link">继续阅读<span class="screen-reader-text">StyleStar的88&#215;31 Web按钮设计</span> <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><a href="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton.png" data-lbwps-width="1200" data-lbwps-height="800" data-lbwps-srcsmall="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-300x200.png"><img data-dominant-color="19262b" data-has-transparency="false" style="--dominant-color: #19262b;" fetchpriority="high" decoding="async" width="1024" height="683" sizes="(max-width: 1024px) 100vw, 1024px" src="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-1024x683.png" alt="" class="wp-image-4373 not-transparent" srcset="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-1024x683.png 1024w, https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-300x200.png 300w, https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-768x512.png 768w, https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton.png 1200w" /></a></figure>



<h6 class="wp-block-heading" style="text-transform:uppercase">为Stylestar论坛制作的88&#215;31尺寸的Web按钮设计</h6>



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



<p>特此，我按照论坛网站的视觉风格，设计出包含元素的88&#215;31尺寸的按钮，以供各位论坛交流者共享StyleStar论坛网站的超链接。</p>



<div class="wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-c0ca7d81 wp-block-group-is-layout-flex">
<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://stylestar.win"><img data-dominant-color="6d8892" data-has-transparency="false" style="--dominant-color: #6d8892;" decoding="async" width="88" height="31" src="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar.png" alt="" class="wp-image-4374 not-transparent"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://stylestar.win"><img data-dominant-color="6b8c96" data-has-transparency="false" style="--dominant-color: #6b8c96;" decoding="async" width="88" height="31" src="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar_2.png" alt="" class="wp-image-4376 not-transparent"/></a></figure>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://stylestar.win"><img data-dominant-color="6b8690" data-has-transparency="true" style="--dominant-color: #6b8690;" loading="lazy" decoding="async" width="88" height="31" src="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar_256.png" alt="" class="wp-image-4377 has-transparency"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://stylestar.win"><img data-dominant-color="6a8a95" data-has-transparency="true" style="--dominant-color: #6a8a95;" loading="lazy" decoding="async" width="88" height="31" src="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar_256_2.png" alt="" class="wp-image-4375 has-transparency"/></a></figure>
</div>
</div>



<p> </p>



<span id="more-4372"></span>



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



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



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

<p><a href="https://v1sta.xyz/artworks/88x31-stylestar-web-banner-button-design/" rel="nofollow">来源</a></p><span class="syn-text">相关位置：</span><p class="relsyn"><span><a aria-label="stylestar.win" class="u-syndication syn-link" href="https://www.stylestar.win/viewtopic.php?t=1011"> stylestar.win</a></span></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/artworks/88x31-stylestar-web-banner-button-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-1024x683.png" length="245720" type="image/png"/><media:content url="https://v1sta.xyz/wp-content/uploads/2026/04/88x31-Stylestar-WebBannerButton-1024x683.png" width="1024" height="683" medium="image" type="image/png"/>	</item>
	</channel>
</rss>
