<?xml version="1.0" encoding="UTF-8"?><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/"
	>

<channel>
	<title>網頁設計 &#8211; 新視界網頁設計</title>
	<atom:link href="https://www.vf.com.tw/category/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>https://www.vf.com.tw</link>
	<description>Vision Flow</description>
	<lastBuildDate>Mon, 22 Sep 2025 04:52:06 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://www.vf.com.tw/wp-content/uploads/2018/11/vf8-150x150.png</url>
	<title>網頁設計 &#8211; 新視界網頁設計</title>
	<link>https://www.vf.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>傳統客製化網頁的缺點</title>
		<link>https://www.vf.com.tw/webdesign/why-our-webdesign-is-better-then-other.html</link>
		
		<dc:creator><![CDATA[Wang Neo]]></dc:creator>
		<pubDate>Mon, 22 Apr 2019 06:34:29 +0000</pubDate>
				<category><![CDATA[網頁設計]]></category>
		<guid isPermaLink="false">https://www.vf.com.tw/?p=9742</guid>

					<description><![CDATA[所有功能細節都有完整的後台介面 現在的客製化網頁設計，有前端工程師，幫您設計前端頁面，有後端工程師幫您做後台， [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9742" class="elementor elementor-9742" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-2f507de4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2f507de4" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-643e6bd1" data-id="643e6bd1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3d51efdc animated-fast elementor-invisible elementor-widget elementor-widget-heading" data-id="3d51efdc" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInUp&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">所有功能細節都有完整的後台介面</h2>				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-2a7f6a1f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2a7f6a1f" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-10971df1" data-id="10971df1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-496a4857 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="496a4857" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>現在的客製化網頁設計，有前端工程師，幫您設計前端頁面，有後端工程師幫您做後台，但前端介面通常不會做太完整的後台給您，因為太過複雜！</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-cf6ae66 elementor-invisible elementor-widget elementor-widget-heading" data-id="cf6ae66" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInDown&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">我們給您完整的後台介面</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-c044762 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="c044762" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;">以主視覺輪播圖為例，同業通常只有圖片輪播，而我們除了基本的文字外，還提供大量的高級細節讓您可以自行調教成精彩的高質感輪播視覺。</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-277077f0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="277077f0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5be3720e" data-id="5be3720e" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1fbdf55d elementor-widget elementor-widget-image" data-id="1fbdf55d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="292" height="682" src="https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample-us.png" class="attachment-large size-large wp-image-9774" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample-us.png 292w, https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample-us-128x300.png 128w" sizes="(max-width: 292px) 100vw, 292px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3380d74" data-id="3380d74" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-694bbd0 elementor-widget elementor-widget-image" data-id="694bbd0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="291" height="446" src="https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample3.jpg" class="attachment-large size-large wp-image-9780" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample3.jpg 291w, https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample3-196x300.jpg 196w" sizes="(max-width: 291px) 100vw, 291px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-72472e7" data-id="72472e7" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-20bb1a3 elementor-widget elementor-widget-image" data-id="20bb1a3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="294" height="508" src="https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample2.jpg" class="attachment-large size-large wp-image-9776" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample2.jpg 294w, https://www.vf.com.tw/wp-content/uploads/2019/04/slider-sample2-174x300.jpg 174w" sizes="(max-width: 294px) 100vw, 294px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-22a6aea elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="22a6aea" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b4acb88" data-id="b4acb88" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-385cf229 elementor-invisible elementor-widget elementor-widget-heading" data-id="385cf229" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInDown&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">主視覺後台介面</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-2188b87b elementor-tablet-align-center elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list" data-id="2188b87b" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-check-circle" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">可直接在網頁上修改文字！</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-check-circle" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">可調整圖片動態、遮罩、色彩混和模式等驚人功能。</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-check-circle" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">可複製、新增、調整順序等方便功能</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-check-circle" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">可自由對齊文字，水平、垂直、顏色等自由調整！</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-check-circle" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">還有更多......</span>
									</li>
						</ul>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3edf935" data-id="3edf935" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a81cc8e elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides" data-id="a81cc8e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}" data-widget_type="slides.default">
				<div class="elementor-widget-container">
									<div class="elementor-swiper">
					<div class="elementor-slides-wrapper elementor-main-swiper swiper" role="region" aria-roledescription="carousel" aria-label="幻燈片" dir="ltr" data-animation="fadeInUp">
				<div class="swiper-wrapper elementor-slides">
										<div class="elementor-repeater-item-95ed399 swiper-slide" role="group" aria-roledescription="slide"><div class="swiper-slide-bg" role="img" aria-label="seagull-1566318_1280"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">幻燈片 1 標題</div><div class="elementor-slide-description">點擊編輯按鈕更改此文本，以下是為了能夠滿足段落所需的長度而定義的無意義內文，請自行參酌編排</div><div  class="elementor-button elementor-slide-button elementor-size-sm">點擊這裡</div></div></div></div><div class="elementor-repeater-item-49f148c swiper-slide" role="group" aria-roledescription="slide"><div class="swiper-slide-bg" role="img" aria-label="seagull-1566318_1280"></div><div class="swiper-slide-inner" ><div class="swiper-slide-contents"><div class="elementor-slide-heading">幻燈片 2標題</div><div class="elementor-slide-description">點擊編輯按鈕更改此文本，以下是為了能夠滿足段落所需的長度而定義的無意義內文，請自行參酌編排</div><div  class="elementor-button elementor-slide-button elementor-size-sm">點擊這裡</div></div></div></div>				</div>
															<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0" aria-label="Previous slide">
							<i aria-hidden="true" class="eicon-chevron-left"></i>						</div>
						<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0" aria-label="Next slide">
							<i aria-hidden="true" class="eicon-chevron-right"></i>						</div>
																<div class="swiper-pagination"></div>
												</div>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-d89f2f2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="d89f2f2" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-7a143f9e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7a143f9e" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-581d88ba" data-id="581d88ba" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-55caeae2 elementor-widget elementor-widget-image" data-id="55caeae2" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="948" height="718" src="https://www.vf.com.tw/wp-content/uploads/2019/03/meun-custom.jpg" class="attachment-large size-large wp-image-9489" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/03/meun-custom.jpg 948w, https://www.vf.com.tw/wp-content/uploads/2019/03/meun-custom-300x227.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2019/03/meun-custom-768x582.jpg 768w" sizes="(max-width: 948px) 100vw, 948px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-46ad1d3d" data-id="46ad1d3d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1e446d62 elementor-invisible elementor-widget elementor-widget-heading" data-id="1e446d62" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInDown&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">自動新增選單及自由拖曳調整</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-44ebdd5c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="44ebdd5c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>許多客製化網頁設計的選單是固定的，不能自由新增，也沒有子選單，那絕對不是客戶想要的！</p><p>我們提供您自動新增選單，只要新增頁面，該頁就能自動加入選單，一次搞定，簡單方便，不需要額外操作程序；如果選單太多，也可以拉到某個選單的下一層，成為多層次夏拉選單！</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-8d22cac elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8d22cac" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-126a3f5" data-id="126a3f5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-570d95f5 elementor-invisible elementor-widget elementor-widget-heading" data-id="570d95f5" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInDown&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">幫您準備好幾乎所有需要的功能！</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-2ea3c24a elementor-invisible elementor-widget elementor-widget-text-editor" data-id="2ea3c24a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>您需要的每個功能，我們幾乎都已經為您準備好了，您會驚訝地發現，我們提供的每個項目，同業報價都需要數千至數萬元的費用，找我們設計多功能，等於省下數萬至數十萬，非常值得！</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4f053aab" data-id="4f053aab" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-18f51525 elementor-widget elementor-widget-image" data-id="18f51525" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="863" height="837" src="https://www.vf.com.tw/wp-content/uploads/2019/03/elementor-icons.gif" class="attachment-large size-large wp-image-9488" alt="" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9416b39 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9416b39" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd75b11" data-id="cd75b11" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3fcb599 animated-fast elementor-invisible elementor-widget elementor-widget-heading" data-id="3fcb599" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInUp&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">一般網頁設計後台簡陋，功能較少</h2>				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-989bb5d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="989bb5d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-20c9e70" data-id="20c9e70" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6e9f83 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="a6e9f83" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>一般的客製化網頁設計，多只幫您製作前端，後端工程師的標準通常是有就好，不需要做到太細！</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-7f93cff elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7f93cff" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9083dc9" data-id="9083dc9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d375787 elementor-invisible elementor-widget elementor-widget-heading" data-id="d375787" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInDown&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">同業通常只有提供極為簡單功能的後台</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-6745384 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="6745384" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>同樣以主視覺輪播圖為例，一般網頁設計業者，通常只有圖片輪播功能，只能上傳圖片的後台，無法在圖片上新增文字，<span style="color: #ff6600;"><strong>這代表您的主視覺只能使用圖片，沒有 RWD 的功能</strong></span>，如果您想修改大小、顏色、左右對齊、增加更多或複製，您必須自己懂 PhotoShop 編輯圖片，然後上傳，因為沒有後台可以調整！</p><p> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-f303ce0 elementor-widget elementor-widget-image" data-id="f303ce0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1681" height="695" src="https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample3.jpg" class="attachment-full size-full wp-image-9777" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample3.jpg 1681w, https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample3-300x124.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample3-768x318.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample3-1024x423.jpg 1024w" sizes="(max-width: 1681px) 100vw, 1681px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-27d5770 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="27d5770" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a1ed1fa" data-id="a1ed1fa" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e47399b elementor-invisible elementor-widget elementor-widget-heading" data-id="e47399b" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInDown&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">選單限制只能使用幾個單元</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-961c57a elementor-invisible elementor-widget elementor-widget-text-editor" data-id="961c57a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>只能限制使用幾個單元，也無法擴充，這只適合小站，功能少，限制多！</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1bf7e72" data-id="1bf7e72" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-743b369 elementor-widget elementor-widget-image" data-id="743b369" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="882" height="504" src="https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample1.jpg" class="attachment-large size-large wp-image-9779" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample1.jpg 882w, https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample1-300x171.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2019/04/other-sample1-768x439.jpg 768w" sizes="(max-width: 882px) 100vw, 882px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-682393f9 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="682393f9" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-242b0840" data-id="242b0840" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-3808f0f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3808f0f6" data-element_type="section" data-e-type="section">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-33dcbb25" data-id="33dcbb25" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6e54052d animated-fast elementor-invisible elementor-widget elementor-widget-heading" data-id="6e54052d" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInUp&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">現在就訂購</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-5b9f7ccc elementor-widget elementor-widget-text-editor" data-id="5b9f7ccc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>我們的網站無論大小，都非常適合使用，歡迎成為我們快樂的客戶！</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-45594b10" data-id="45594b10" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e7285a elementor-align-right elementor-tablet-align-center elementor-invisible elementor-widget elementor-widget-button" data-id="e7285a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="/web-design-quote.html">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
									<i class="fa fa-paper-plane" aria-hidden="true"></i>
							</span>
									<span class="elementor-button-text">立刻訂購</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>為何文字+圖片的設計比較好</title>
		<link>https://www.vf.com.tw/compare/why-usse-text-to-design-is-better.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Wed, 24 Oct 2018 08:22:25 +0000</pubDate>
				<category><![CDATA[同業比較]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[企業網站建置與專業網頁設計服務案例 - VF團隊]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計新趨勢與效果提升：響應式網頁與SEO策略]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=5705</guid>

					<description><![CDATA[哪些公司使用文字+圖片設計? 幾乎所有知名企業都是使用文字+圖片的技術來設計網頁 白宮 賓士 迪士尼 Appl [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5705" class="elementor elementor-5705 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-481619ca elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="481619ca" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-634198e4" data-id="634198e4" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7d1dea83 elementor-widget elementor-widget-heading" data-id="7d1dea83" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">哪些公司使用文字+圖片設計?</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-5629043c elementor-widget elementor-widget-heading" data-id="5629043c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">幾乎所有知名企業都是使用文字+圖片的技術來設計網頁</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-e11a836 gallery-spacing-custom elementor-widget elementor-widget-image-gallery" data-id="e11a836" data-element_type="widget" data-e-type="widget" data-widget_type="image-gallery.default">
				<div class="elementor-widget-container">
							<div class="elementor-image-gallery">
			
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="白宮" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDQ2MSwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMThcLzAxXC93aGl0ZWhvdXNlLmpwZyIsInNsaWRlc2hvdyI6ImUxMWE4MzYifQ%3D%3D" href='https://www.vf.com.tw/wp-content/uploads/2018/01/whitehouse.jpg'><img loading="lazy" decoding="async" width="300" height="182" src="https://www.vf.com.tw/wp-content/uploads/2018/01/whitehouse-300x182.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/whitehouse-300x182.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/01/whitehouse.jpg 550w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="mercedes.jpg" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTE4NywidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMTdcLzEwXC9tZXJjZWRlcy5qcGciLCJzbGlkZXNob3ciOiJlMTFhODM2In0%3D" href='https://www.vf.com.tw/wp-content/uploads/2017/10/mercedes.jpg'><img loading="lazy" decoding="async" width="300" height="188" src="https://www.vf.com.tw/wp-content/uploads/2017/10/mercedes-300x188.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/10/mercedes-300x188.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2017/10/mercedes.jpg 550w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="waltdisney.jpg" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQyMSwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMTdcLzExXC93YWx0ZGlzbmV5LmpwZyIsInNsaWRlc2hvdyI6ImUxMWE4MzYifQ%3D%3D" href='https://www.vf.com.tw/wp-content/uploads/2017/11/waltdisney.jpg'><img loading="lazy" decoding="async" width="300" height="188" src="https://www.vf.com.tw/wp-content/uploads/2017/11/waltdisney-300x188.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/11/waltdisney-300x188.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2017/11/waltdisney.jpg 550w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="www.apple" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTcxNSwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMThcLzA1XC93d3cuYXBwbGVfLmpwZyIsInNsaWRlc2hvdyI6ImUxMWE4MzYifQ%3D%3D" href='https://www.vf.com.tw/wp-content/uploads/2018/05/www.apple_.jpg'><img loading="lazy" decoding="async" width="300" height="200" src="https://www.vf.com.tw/wp-content/uploads/2018/05/www.apple_-300x200.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/05/www.apple_-300x200.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/05/www.apple_.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="microsoft" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTcxOCwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMThcLzA1XC9taWNyb3NvZnQuanBnIiwic2xpZGVzaG93IjoiZTExYTgzNiJ9" href='https://www.vf.com.tw/wp-content/uploads/2018/05/microsoft.jpg'><img loading="lazy" decoding="async" width="300" height="200" src="https://www.vf.com.tw/wp-content/uploads/2018/05/microsoft-300x200.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/05/microsoft-300x200.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/05/microsoft.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="tesla" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTcyMCwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMThcLzA1XC90ZXNsYS5qcGciLCJzbGlkZXNob3ciOiJlMTFhODM2In0%3D" href='https://www.vf.com.tw/wp-content/uploads/2018/05/tesla.jpg'><img loading="lazy" decoding="async" width="300" height="200" src="https://www.vf.com.tw/wp-content/uploads/2018/05/tesla-300x200.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/05/tesla-300x200.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/05/tesla.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="sonymusic.jpg" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQyMywidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMTdcLzExXC9zb255bXVzaWMuanBnIiwic2xpZGVzaG93IjoiZTExYTgzNiJ9" href='https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic.jpg'><img loading="lazy" decoding="async" width="300" height="188" src="https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic-300x188.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic-300x188.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic.jpg 550w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="fbnewsroom.jpg" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQxNywidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMTdcLzExXC9mYm5ld3Nyb29tLmpwZyIsInNsaWRlc2hvdyI6ImUxMWE4MzYifQ%3D%3D" href='https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom.jpg'><img loading="lazy" decoding="async" width="300" height="188" src="https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom-300x188.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom-300x188.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom.jpg 550w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="e11a836" data-elementor-lightbox-title="timeinc.jpg" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzQyMCwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMTdcLzExXC90aW1laW5jLmpwZyIsInNsaWRlc2hvdyI6ImUxMWE4MzYifQ%3D%3D" href='https://www.vf.com.tw/wp-content/uploads/2017/11/timeinc.jpg'><img loading="lazy" decoding="async" width="300" height="188" src="https://www.vf.com.tw/wp-content/uploads/2017/11/timeinc-300x188.jpg" class="attachment-medium size-medium" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/11/timeinc-300x188.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2017/11/timeinc.jpg 550w" sizes="(max-width: 300px) 100vw, 300px" /></a>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-afbabd6 elementor-widget elementor-widget-text-editor" data-id="afbabd6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;">還有更多&#8230;.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-48a715a5 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="48a715a5" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-daffe3c" data-id="daffe3c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-71c989b1 elementor-widget elementor-widget-text-editor" data-id="71c989b1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>why you need</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1e819ecf elementor-widget elementor-widget-heading" data-id="1e819ecf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">為何文字
這麼重要</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-3526995d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="3526995d" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-191169c1" data-id="191169c1" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-43d55f8c elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="43d55f8c" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i class="fa fa-chevron-right" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							更好的 SEO搜尋引擎優化						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						網站最重要的功能，就是能讓客戶看見，所以能否讓搜尋引擎收錄非常重要，如果使用圖片文字設計，您的網站便如同隱形一般，使用文字設計才能讓搜尋引擎收錄。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-589c311c elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="589c311c" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i class="fa fa-chevron-right" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							真正百分之百的響應式設計						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						圖片並無法在手機上自動調整文字大小，只有文字可以有真正回應式功能，在許多行業中，手機瀏覽網站的比例甚至高達八成，所以文字化設計非常重要。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7c0530b0 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="7c0530b0" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i class="fa fa-chevron-right" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							手機上更好的瀏覽體驗						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						文字不是圖片，無論在手機上或電腦上都是最清晰易讀的，也不像圖片縮小後文字也會縮小，且會模糊不易閱讀，只有真正的文字，才能讓客戶有更好的體驗。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2ad570f3 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2ad570f3" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33f0bccd" data-id="33f0bccd" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-38112df1 elementor-widget elementor-widget-heading" data-id="38112df1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">文字+圖片與美工圖文技術比較</h3>				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-5138c931 elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5138c931" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3dd2d1bd" data-id="3dd2d1bd" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7556529e elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="7556529e" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i class="fa fa-check-square-o" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							文字+圖片技術						</span>
					</h3>
				
				
			</div>
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-17ba2554 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="17ba2554" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">真正響應式設計</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">將文字崁入在圖片上</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">使用HTML + CSS 技術(複雜)</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">保留完整文字格式</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">可調整成手機解析度，是真正響應式</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">人與搜尋引擎都能識別</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">因為是文字，所以方便客戶修改。</span>
									</li>
						</ul>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3843f8d8" data-id="3843f8d8" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-39228e3f elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="39228e3f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i class="fa fa-check-square-o" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							傳統美工圖文設計						</span>
					</h3>
				
				
			</div>
			
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-545b484 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="545b484" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">半套響應式設計</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">文字為圖片設計</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">使用圖片工具設計文字(簡單)</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">文字消失，變成圖片</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">圖片無響應能力，在手機上會變小</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">僅有人能看，搜尋引擎無法理解</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
																<i class="fa fa-caret-right" aria-hidden="true"></i>
													</span>
										<span class="elementor-icon-list-text">無法修改，必需懂美工軟體，且有原始檔才能改。</span>
									</li>
						</ul>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-54b12e1c elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="54b12e1c" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-239a0af3" data-id="239a0af3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4c5b8052 elementor-widget elementor-widget-heading" data-id="4c5b8052" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">圖文設計容易模糊</h4>				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-3eb64c58 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3eb64c58" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e138f46" data-id="e138f46" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4765a64e elementor-position-top elementor-widget elementor-widget-image-box" data-id="4765a64e" data-element_type="widget" data-e-type="widget" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><figure class="elementor-image-box-img"><img loading="lazy" decoding="async" width="760" height="379" src="https://www.vf.com.tw/wp-content/uploads/2018/05/eng.jpg" class="attachment-full size-full wp-image-5726" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/05/eng.jpg 760w, https://www.vf.com.tw/wp-content/uploads/2018/05/eng-300x150.jpg 300w" sizes="(max-width: 760px) 100vw, 760px" /></figure><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">在電腦上文字清晰可見</h3><p class="elementor-image-box-description">一般的設計只有針對電腦，但現在多數人都是使用手機觀看，這樣的設計等於放棄了大多數的客戶，雖然圖文美工的設計比較簡單，但效果差異真的很大。</p></div></div>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2989c145" data-id="2989c145" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-15f63cd7 elementor-position-top elementor-widget elementor-widget-image-box" data-id="15f63cd7" data-element_type="widget" data-e-type="widget" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><figure class="elementor-image-box-img"><img loading="lazy" decoding="async" width="213" height="379" src="https://www.vf.com.tw/wp-content/uploads/2018/05/eng-m.jpg" class="attachment-full size-full wp-image-5727" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/05/eng-m.jpg 213w, https://www.vf.com.tw/wp-content/uploads/2018/05/eng-m-169x300.jpg 169w" sizes="(max-width: 213px) 100vw, 213px" /></figure><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">手機上文字變小</h3><p class="elementor-image-box-description">在手機上，小字已經幾乎完全看不到了，大字也變得模糊，這樣的設計在手機上看起來很吃力。</p></div></div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f23c5f9 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f23c5f9" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-242bd59" data-id="242bd59" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-57595fb0 elementor-widget elementor-widget-heading" data-id="57595fb0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">文字+圖片設計，怎麼看都完美</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-44961f31 elementor-widget elementor-widget-heading" data-id="44961f31" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">無論是手機還是電腦，都能調整到最適合的大小，清晰不模糊</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-84d6fcb elementor-section-height-min-height elementor-section-content-middle elementor-section-items-stretch elementor-section-boxed elementor-section-height-default" data-id="84d6fcb" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-wider">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1b98515a" data-id="1b98515a" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-252b456 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline" data-id="252b456" data-element_type="widget" data-e-type="widget" data-settings="{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;animation_type&quot;:&quot;slide&quot;,&quot;rotating_text&quot;:&quot;Design\nFashion\nRealism\nModern&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;rotate_iteration_delay&quot;:2500}" data-widget_type="animated-headline.default">
				<div class="elementor-widget-container">
							<h2 class="elementor-headline elementor-headline-animation-type-slide">
				<span class="elementor-headline-dynamic-wrapper elementor-headline-text-wrapper">
					<span class="elementor-headline-dynamic-text elementor-headline-text-active">
				Design			</span>
					<span class="elementor-headline-dynamic-text">
				Fashion			</span>
					<span class="elementor-headline-dynamic-text">
				Realism			</span>
					<span class="elementor-headline-dynamic-text">
				Modern			</span>
						</span>
				</h2>
						</div>
				</div>
				<div class="elementor-element elementor-element-4420c49d elementor-widget elementor-widget-heading" data-id="4420c49d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Responsive Web Design</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-6c6f13f elementor-align-center elementor-widget elementor-widget-button" data-id="6c6f13f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-grow" href="#">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">手機</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0724ab1" data-id="0724ab1" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ec4e7be elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline" data-id="ec4e7be" data-element_type="widget" data-e-type="widget" data-settings="{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;animation_type&quot;:&quot;slide&quot;,&quot;rotating_text&quot;:&quot;Design\nFashion\nRealism\nModern&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;rotate_iteration_delay&quot;:2500}" data-widget_type="animated-headline.default">
				<div class="elementor-widget-container">
							<h2 class="elementor-headline elementor-headline-animation-type-slide">
				<span class="elementor-headline-dynamic-wrapper elementor-headline-text-wrapper">
					<span class="elementor-headline-dynamic-text elementor-headline-text-active">
				Design			</span>
					<span class="elementor-headline-dynamic-text">
				Fashion			</span>
					<span class="elementor-headline-dynamic-text">
				Realism			</span>
					<span class="elementor-headline-dynamic-text">
				Modern			</span>
						</span>
				</h2>
						</div>
				</div>
				<div class="elementor-element elementor-element-58ba007 elementor-widget elementor-widget-heading" data-id="58ba007" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Responsive Web Design</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-9077603 elementor-align-center elementor-widget elementor-widget-button" data-id="9077603" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-grow" href="#">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">電腦</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-11d6915e elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="11d6915e" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-95eee71" data-id="95eee71" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ad3d979 elementor-view-default elementor-widget elementor-widget-icon" data-id="ad3d979" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
							<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
						</div>
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-44ad73da" data-id="44ad73da" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-210ae712 elementor-widget elementor-widget-heading" data-id="210ae712" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">絕大多數設計公司<br>仍採用便宜的圖文設計</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-345124cf elementor-widget elementor-widget-text-editor" data-id="345124cf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>國外的作品，尤其是越大的企業，幾乎都是採取文字+圖片的設計，但很可惜，我們看了國內很多同業的作品，幾乎都是將文字設計在圖片上，這個方式的設計雖然簡單(因為只要在PS上貼上文字即可)，且在電腦上的視覺效果沒有差很多，但在手機上的效果就非常不好，我們是國內極少數採用先進的全文字設計的公司，希望台灣的網站能盡快跟上國際設計。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-11ae61a2 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="11ae61a2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20f12fee" data-id="20f12fee" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5c562ee7 elementor-widget elementor-widget-heading" data-id="5c562ee7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">我們給您真正文字+圖片設計</h3>				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-b25ad3c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b25ad3c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-75bf6663" data-id="75bf6663" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-72b9e513 elementor-widget elementor-widget-counter" data-id="72b9e513" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
				<div class="elementor-widget-container">
							<div class="elementor-counter">
			<div class="elementor-counter-title">文字</div>			<div class="elementor-counter-number-wrapper">
				<span class="elementor-counter-number-prefix"></span>
				<span class="elementor-counter-number" data-duration="2000" data-to-value="100" data-from-value="50" data-delimiter=",">50</span>
				<span class="elementor-counter-number-suffix">%</span>
			</div>
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1ab0f346" data-id="1ab0f346" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1889064 elementor-widget elementor-widget-counter" data-id="1889064" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
				<div class="elementor-widget-container">
							<div class="elementor-counter">
			<div class="elementor-counter-title">響應式</div>			<div class="elementor-counter-number-wrapper">
				<span class="elementor-counter-number-prefix"></span>
				<span class="elementor-counter-number" data-duration="2000" data-to-value="100" data-from-value="50" data-delimiter=",">50</span>
				<span class="elementor-counter-number-suffix">%</span>
			</div>
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-68a0ec1b" data-id="68a0ec1b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-170a6b4c elementor-widget elementor-widget-counter" data-id="170a6b4c" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default">
				<div class="elementor-widget-container">
							<div class="elementor-counter">
			<div class="elementor-counter-title">SEO</div>			<div class="elementor-counter-number-wrapper">
				<span class="elementor-counter-number-prefix"></span>
				<span class="elementor-counter-number" data-duration="2000" data-to-value="100" data-from-value="50" data-delimiter=",">50</span>
				<span class="elementor-counter-number-suffix">%</span>
			</div>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-bb60eef elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bb60eef" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5eacf88" data-id="5eacf88" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-25bf8cf elementor-align-right elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="25bf8cf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://cs.webs.com.tw/cart.php" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">立刻訂購</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-eeb4544" data-id="eeb4544" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3f75721 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="3f75721" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="http://web-design-quote.html" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">查看報價</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>網頁設計永久保固</title>
		<link>https://www.vf.com.tw/webdesign/%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e6%b0%b8%e4%b9%85%e4%bf%9d%e5%9b%ba.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Thu, 04 Oct 2018 05:42:08 +0000</pubDate>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4882</guid>

					<description><![CDATA[update 永久更新服務 相信我們，這將是您最後一次需要 網頁設計 一般公司的網站，大概隔幾年就需要重新設計 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4882" class="elementor elementor-4882 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-238e609a elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="238e609a" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59301776" data-id="59301776" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-71c36afb elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="71c36afb" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1b8d08ee" data-id="1b8d08ee" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5d15a3ec elementor-widget elementor-widget-heading" data-id="5d15a3ec" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">update</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-64ce2a08 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="64ce2a08" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4517470c elementor-invisible elementor-widget elementor-widget-heading" data-id="4517470c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">永久更新服務</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-81eaed1 elementor-widget elementor-widget-heading" data-id="81eaed1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">相信我們，這將是您最後一次需要 網頁設計</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7f803067 elementor-widget elementor-widget-text-editor" data-id="7f803067" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>一般公司的網站，大概隔幾年就需要重新設計，這是因為有時環境改變(如這幾年的行動網路興起，導致手機響應式網站需求暴增)，有的是因為公司服務或產品轉型升級，有時是因為公司擴大規模，需擴充功能等等，我們公司首創永久免費升級，讓您的網頁隨時都能保持在最新的狀態，擁有最新的功能，且隨時都能調整修改設計，永遠不需要再因為網站老舊而每隔幾年就得重新設計。為您省下大筆經費與麻煩。即使公司成長需要擴充功能，也可以直接升級，無需重做。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-5b268743 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5b268743" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-729ff1c2" data-id="729ff1c2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4d98953f elementor-invisible elementor-widget elementor-widget-image-box" data-id="4d98953f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title"><a href="http://web-design-history.html" target="_blank">保持最新設計</a></h3><p class="elementor-image-box-description">從Web1.0的簡單設計，到Web2.0的絢麗設計，到後來的擬真化設計，到現代的扁平化設計及RWD響應式設計，網頁設計一直隨著潮流進化，傳統的網頁設計也需要不斷的重做，更新，才能吸引客戶的目光。我們讓您的網站保持最新的設計，讓您的網站永遠符合潮流！</p></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-1c3f1c0f elementor-invisible elementor-widget elementor-widget-image" data-id="1c3f1c0f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="683" height="1024" src="https://www.vf.com.tw/wp-content/uploads/2018/02/tulips-177889_1920-683x1024.jpg" class="attachment-large size-large wp-image-4894" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/02/tulips-177889_1920-683x1024.jpg 683w, https://www.vf.com.tw/wp-content/uploads/2018/02/tulips-177889_1920-200x300.jpg 200w, https://www.vf.com.tw/wp-content/uploads/2018/02/tulips-177889_1920-768x1152.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/02/tulips-177889_1920.jpg 1280w" sizes="(max-width: 683px) 100vw, 683px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3d6cb8d0" data-id="3d6cb8d0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4bd99cc0 elementor-invisible elementor-widget elementor-widget-image" data-id="4bd99cc0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInDown&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="683" height="1024" src="https://www.vf.com.tw/wp-content/uploads/2018/02/stacking-stones-667432_1920-683x1024.jpg" class="attachment-large size-large wp-image-4893" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/02/stacking-stones-667432_1920-683x1024.jpg 683w, https://www.vf.com.tw/wp-content/uploads/2018/02/stacking-stones-667432_1920-200x300.jpg 200w, https://www.vf.com.tw/wp-content/uploads/2018/02/stacking-stones-667432_1920-768x1152.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/02/stacking-stones-667432_1920.jpg 1280w" sizes="(max-width: 683px) 100vw, 683px" />															</div>
				</div>
				<div class="elementor-element elementor-element-462ff146 elementor-invisible elementor-widget elementor-widget-image-box" data-id="462ff146" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">保持最新功能</h3><p class="elementor-image-box-description">雖然我們現有功能已經非常優秀了，但我們仍以極快的速度完善並新增更多網站功能，讓您的網站無需重新設計，就能隨時有最新的功能。 科技不斷的進化，如iphone, Mac, Windows 等隨時都在更新系統，以讓客戶隨時都能有最新功能可用，我們也一樣。 </p></div></div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-6c9f2e7 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6c9f2e7" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9ae3fec" data-id="9ae3fec" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-80d4b0e elementor-invisible elementor-widget elementor-widget-image-box" data-id="80d4b0e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">永久保固</h3><p class="elementor-image-box-description">只要是我們維護的客戶，都能擁有永久保固的免費服務，您完全不用擔心網站錯誤或程式等相關技術問題，我們都能幫您處理好，為您省下大筆經費。</p></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-c4ace23 elementor-invisible elementor-widget elementor-widget-image" data-id="c4ace23" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="683" height="1024" src="https://www.vf.com.tw/wp-content/uploads/2018/02/business-18061_1920-683x1024.jpg" class="attachment-large size-large wp-image-4896" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/02/business-18061_1920-683x1024.jpg 683w, https://www.vf.com.tw/wp-content/uploads/2018/02/business-18061_1920-200x300.jpg 200w, https://www.vf.com.tw/wp-content/uploads/2018/02/business-18061_1920-768x1152.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/02/business-18061_1920.jpg 1280w" sizes="(max-width: 683px) 100vw, 683px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b82d151" data-id="b82d151" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bfcac3a elementor-invisible elementor-widget elementor-widget-image" data-id="bfcac3a" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInDown&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="683" height="1024" src="https://www.vf.com.tw/wp-content/uploads/2018/02/apples-634572_1920-683x1024.jpg" class="attachment-large size-large wp-image-4897" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/02/apples-634572_1920-683x1024.jpg 683w, https://www.vf.com.tw/wp-content/uploads/2018/02/apples-634572_1920-200x300.jpg 200w, https://www.vf.com.tw/wp-content/uploads/2018/02/apples-634572_1920-768x1152.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/02/apples-634572_1920.jpg 1280w" sizes="(max-width: 683px) 100vw, 683px" />															</div>
				</div>
				<div class="elementor-element elementor-element-7a187d1 elementor-invisible elementor-widget elementor-widget-image-box" data-id="7a187d1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">保持擴充彈性</h3><p class="elementor-image-box-description">隨著企業規模越來越大，或是因應新產品或新服務的加入，經常會讓原本的網站不得不打掉重做，我們為您保持所有擴充的彈性，在您需要的時候，就能加入您所需要的功能，讓您的網站有無限的可能性。</p></div></div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何溝通網頁設計風格</title>
		<link>https://www.vf.com.tw/webdesign/how-to-communicate-web-design-style.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Sat, 20 Jan 2018 04:20:24 +0000</pubDate>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[網頁設計FAQs全攻略：2025年最新RWD與SEO建議]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<category><![CDATA[網頁設計與架構規劃 - 提高企業線上曝光與轉換率]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4620</guid>

					<description><![CDATA[如何選擇想要的網頁設計風格 許多客戶在設計網頁實都會有個想法，會想像自己的網站樣式，但這個非常抽象，而且您的預 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4620" class="elementor elementor-4620 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-328869d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="328869d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a20a27b" data-id="a20a27b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d7b13ad elementor-widget elementor-widget-heading" data-id="d7b13ad" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">如何選擇想要的網頁設計風格</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3bb9bfa elementor-widget elementor-widget-text-editor" data-id="3bb9bfa" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>許多客戶在設計網頁實都會有個想法，會想像自己的網站樣式，但這個非常抽象，而且您的預想網站樣式可能是基於您經常看的網站而來；然而，目前絕大多數的網站，大多還是十多年前所設計的，<a href="whats-good-design.html" target="_blank" rel="noopener">沒有響應式設計、沒有滿版、沒有英雄形象、沒有嵌入式選單、沒有全文字化，沒有&#8230;..</a>；我們聆聽客戶想要的設計風格，其實大多數都是已經落伍且被淘汰的風格設計；這是因為客戶較無機會接觸世界頂尖的網站，所以不會得到這方面的資訊，所以我們建議，您可以參考我們的<a href="style.html" target="_blank" rel="noopener">風格選擇</a>， 這些都是目前最好的設計，當然，您也可以不用這麼燒腦，只要您把資料給我們設計師，我們的設計團隊會依據您的資料屬性，提估最適合的設計。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-89ac53a elementor-align-left elementor-widget elementor-widget-button" data-id="89ac53a" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-bounce-in" href="http://webs.com.tw/whats-good-design.html" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">現代網頁設計風格標準</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-9daf1a6 elementor-widget elementor-widget-heading" data-id="9daf1a6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">我喜歡的網站適合我嗎？</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f772349 elementor-widget elementor-widget-text-editor" data-id="f772349" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>我們經常會收到一些客戶的要求，喜歡A網站的設計，希望能參考他們，但客戶的資料屬性跟 A網站差異頗大，譬如 A網站文字少，圖片多，而客戶文字多，圖片少，結果設計出來的結果通常都慘不忍睹，經常需要打掉重做，早期有幾件照客戶要求做出來的客戶自己也不喜歡，在溝通之後，全權授權我們設計師設計的結果，客戶反而非常喜歡！</p><p>所以我們都會建議，如果您喜歡 A網站，我們只會參考他的風格，但不會完全照抄，因為您的資料是不一樣的，我們會為您的資料及行業屬性，設計更適合您的網站。</p><p>或是有客戶會提出一些十多年前的設計給我們參考，這些設計並無響應式設計，或是幾乎是以圖片來設計整個網站，沒有全文字化，這種幾乎都是被淘汰的設計，這都讓我們很尷尬，不知道到底要照客戶的想法設計個過時的網站，還是要建議客戶用新的設計，但到後來，我們幾乎都是跟客戶溝通，放手讓我們來設計，而客戶最終對我們設計的結果也都很滿意，只是溝通過程變得很冗長，所以我們還是在一次建議，信任我們的設計，您會得到最好的結果。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f0949ae elementor-widget elementor-widget-heading" data-id="f0949ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">你們有設計過我們的行業嗎？</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-36f5459 elementor-widget elementor-widget-text-editor" data-id="36f5459" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>經常有些客戶會問，你們有沒有做過我們行業的網站，其實這個問題應該分成形象設計與程式功能設計來說，除非您的行業非常特別，有特殊需求的功能，且要高額預算才需要問，否則如果是一般形象或是購物網站，其實架構都是差不多的，新一代的形象設計其實並無行業別之分，不同行業僅是素材不同而已，而且要知道，每個客戶要求的審美觀不同，我們都是針對每個客戶的喜好來設計的，他喜歡不見得您也喜歡，如果您也喜歡他的設計，我們也不能完全複製，如果您不喜歡他的設計，可能是交件後被客戶改醜了，並不是我們做不出來您想要的東西，只因每個人的審美觀念不同，所以還是建議您參考我們的<a href="style.html" target="_blank" rel="noopener">風格選擇</a>比較準確。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>什麼是好的網頁設計標準?</title>
		<link>https://www.vf.com.tw/compare/whats-good-design.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Fri, 19 Jan 2018 08:48:23 +0000</pubDate>
				<category><![CDATA[同業比較]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[網頁設計FAQs全攻略：2025年最新RWD與SEO建議]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4591</guid>

					<description><![CDATA[完美的定義 網站做得好，業績一把罩！但好的標準是甚麼呢？該如何選擇網頁設計公司呢？每家公司都說他們的設計最好， [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4591" class="elementor elementor-4591 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-e24051d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e24051d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-244a17a" data-id="244a17a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7d4af39 elementor-invisible elementor-widget elementor-widget-heading" data-id="7d4af39" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">完美的定義</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f8b1f2a elementor-widget elementor-widget-text-editor" data-id="f8b1f2a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>網站做得好，業績一把罩！但好的標準是甚麼呢？該如何選擇網頁設計公司呢？每家公司都說他們的設計最好，但好不好並不是自己說的，我們分析了2016~2018 全球的主要設計趨勢，列出最重要的六個重點供您參考，我們的網頁設計完全符合此規格，如果您找的設計公司還沒有這些設計，建議您可以換一家了。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-4230b78 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4230b78" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6310f42" data-id="6310f42" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-087ef6a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="087ef6a" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ab184ff" data-id="ab184ff" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-142d8d0 elementor-invisible elementor-widget elementor-widget-heading" data-id="142d8d0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">一、滿板設計</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-73a4aec elementor-widget elementor-widget-text-editor" data-id="73a4aec" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>近年來最重要的設計指標，除了RWD響應式設計之外，就是滿版設計了，現在幾乎所有全球知名企業都是使用滿版的網頁設計，滿版的設計質感更好，更大器，且不但是網站，現在連手機也要追求滿板、全螢幕了；如 蘋果、微軟、白宮、賓士、Sony、華碩、三星等等都早已採用，所以如果沒有特別原因，您的網站還是兩邊留白的傳統的固定寬度，那就是該升級了！</p><p><span style="font-family: Roboto, 微軟正黑體; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">根據分析，網站太醜或太老舊，不符合新世代的設計，很難讓客戶上門，而</span>滿版的視覺效果非常好，美麗吸睛的設計，才能讓客戶舒適而愉悅的瀏覽您的網站，便能提升形象，讓客戶容易產生信任感，進而提高合作與採購意願！<span style="font-family: Roboto, 微軟正黑體; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">我們提供與蘋果、華碩、微軟、HP、三星等世界一流企業同等級的頂級設計規格，讓您的企業形象質感滿分。</span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-e17affd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e17affd" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8930959" data-id="8930959" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7fc2fe3 elementor-widget elementor-widget-image" data-id="7fc2fe3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img loading="lazy" decoding="async" width="500" height="309" src="https://www.vf.com.tw/wp-content/uploads/2018/01/full-web-design.jpg" class="attachment-full size-full wp-image-4595" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/full-web-design.jpg 500w, https://www.vf.com.tw/wp-content/uploads/2018/01/full-web-design-300x185.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />											<figcaption class="widget-image-caption wp-caption-text">滿版設計</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ff048fe" data-id="ff048fe" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-207664b elementor-widget elementor-widget-image" data-id="207664b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img loading="lazy" decoding="async" width="600" height="334" src="https://www.vf.com.tw/wp-content/uploads/2017/10/full-page-web-design5.png" class="attachment-full size-full wp-image-958" alt="傳統響應式網頁設計" srcset="https://www.vf.com.tw/wp-content/uploads/2017/10/full-page-web-design5.png 600w, https://www.vf.com.tw/wp-content/uploads/2017/10/full-page-web-design5-300x167.png 300w" sizes="(max-width: 600px) 100vw, 600px" />											<figcaption class="widget-image-caption wp-caption-text">非滿版設計</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8b82197 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8b82197" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-decc35b" data-id="decc35b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-de4bf07 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="de4bf07" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-619cfab" data-id="619cfab" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5024d68 elementor-invisible elementor-widget elementor-widget-heading" data-id="5024d68" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">二、響應式網頁設計</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-430bf54 elementor-widget elementor-widget-text-editor" data-id="430bf54" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>行動時代，人們已經習慣在手機上瀏覽網站，手機瀏覽網站比例已經超過電腦，如果手機沒有響應式網頁設計，無法在手機上自動調整成最適合的介面，代表您已經放棄了超過六成的客戶。</p><p>RWD響應式(回應式)是目前最重要的設計，自從2012年行動網路用戶漸多，能配合手機版面的RWD響應式網頁設計就越來越重要，更是連續幾年以來第一名的設計趨勢，近年更有大量企業紛紛升級為響應式網頁，Google 更在宣布 2015年宣布，如果沒有響應式設計，將不會出現在手機上的搜尋結果，所以響應式網頁設計，是目前的必要項目，如果您現在找的網頁設計公司還沒有響應式設計，即便再便宜都不要，因為沒多久您一定得再重作有響應式的網站。</p><p>我們所有的方案都有包含 RWD響應式網頁設計！</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-5e7d874 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5e7d874" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a73e4ed" data-id="a73e4ed" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ead44f1 elementor-widget elementor-widget-image" data-id="ead44f1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="640" height="349" src="https://www.vf.com.tw/wp-content/uploads/2017/09/rwdss.png" class="attachment-full size-full wp-image-551" alt="響應式網頁設計" srcset="https://www.vf.com.tw/wp-content/uploads/2017/09/rwdss.png 640w, https://www.vf.com.tw/wp-content/uploads/2017/09/rwdss-300x164.png 300w" sizes="(max-width: 640px) 100vw, 640px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1482fec elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1482fec" data-element_type="section" data-e-type="section" id="embdlogo">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-330aba5" data-id="330aba5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-68cec05 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="68cec05" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7c8a4c9" data-id="7c8a4c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ed0618e elementor-invisible elementor-widget elementor-widget-heading" data-id="ed0618e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">三、嵌入式選單標題設計</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5b5a003 elementor-widget elementor-widget-text-editor" data-id="5b5a003" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>嵌入式設計，是指把 Logo 跟選單嵌入形象圖片的一種設計，相比早期的網站，Logo 與選單都是分開的設計，嵌入式設計質感更好，不會讓您的網站分割成好幾部分，而呈現一種整體感，所以比早期網站更有質感，但技術成本也更高，如果您希望您的企業形象更好，可以選擇有設計崁入式選單的設計公司。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-357006b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="357006b" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-919d73b" data-id="919d73b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7af4a34 elementor-widget elementor-widget-image" data-id="7af4a34" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img loading="lazy" decoding="async" width="550" height="344" src="https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic.jpg" class="attachment-full size-full wp-image-3423" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic.jpg 550w, https://www.vf.com.tw/wp-content/uploads/2017/11/sonymusic-300x188.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" />											<figcaption class="widget-image-caption wp-caption-text">Sony網站的崁入式選單</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5448dcd" data-id="5448dcd" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-52cc86c elementor-widget elementor-widget-image" data-id="52cc86c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img loading="lazy" decoding="async" width="550" height="344" src="https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom.jpg" class="attachment-full size-full wp-image-3417" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom.jpg 550w, https://www.vf.com.tw/wp-content/uploads/2017/11/fbnewsroom-300x188.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" />											<figcaption class="widget-image-caption wp-caption-text">無嵌入式設計</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-b075ebd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b075ebd" data-element_type="section" data-e-type="section" id="text-image">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10a26ab" data-id="10a26ab" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-c7002eb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c7002eb" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5c23759" data-id="5c23759" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a8cec26 elementor-invisible elementor-widget elementor-widget-heading" data-id="a8cec26" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">四、大標題文字取代美工文字</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-73426bc elementor-widget elementor-widget-text-editor" data-id="73426bc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>早期沒有響應式的網頁設計時(現在還是非常多)，形象圖片都是以美工圖案來設計，這樣的設計好處是簡單，僅需再美工軟體處理好再放到網頁即可，成本較低，但這樣的設計在行動裝置上卻無法自動調整到適合的尺寸，解析度也不夠好，而且SEO效果較差，因搜尋引擎無法辨識，現在最好的方式是用文字來設計主標題與副標題，才能讓手機、平板、電腦等所有客戶都能有最棒的視覺體驗。</p><p>且文字才能被搜尋引擎蒐錄進資料庫，進而擁有良好的SEO設計，網頁用圖片設計已經過時了，而且對SEO非常不友善。網站想要有成果，必須要讓搜尋引擎收錄，才有機會被客戶搜尋到，但傳統網站許多重要文字都設計在圖片中，搜尋引擎根本無法理解，自然效果不彰；我們的網站為全文字化，符合搜尋引擎規範，比一般網站更有機會讓客戶搜尋到。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-fa9c9b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fa9c9b5" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ccdba37" data-id="ccdba37" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-dd60940 elementor-widget elementor-widget-image" data-id="dd60940" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="800" height="960" src="https://www.vf.com.tw/wp-content/uploads/2017/12/webdesign005.jpg" class="attachment-full size-full wp-image-4068" alt="網頁設計-風格5" srcset="https://www.vf.com.tw/wp-content/uploads/2017/12/webdesign005.jpg 800w, https://www.vf.com.tw/wp-content/uploads/2017/12/webdesign005-250x300.jpg 250w, https://www.vf.com.tw/wp-content/uploads/2017/12/webdesign005-768x922.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6d1ddb2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6d1ddb2" data-element_type="section" data-e-type="section" id="hero-image">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ada903" data-id="4ada903" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-f1c87ab elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f1c87ab" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9ac1dde" data-id="9ac1dde" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-96d6ddd elementor-invisible elementor-widget elementor-widget-heading" data-id="96d6ddd" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">五、英雄視覺形象 HERO IMAGE</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-8c318cb elementor-widget elementor-widget-image" data-id="8c318cb" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/01/thewaltdisneycompany.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="thewaltdisneycompany" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDYwNSwidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMThcLzAxXC90aGV3YWx0ZGlzbmV5Y29tcGFueS5qcGcifQ%3D%3D">
							<img loading="lazy" decoding="async" width="1024" height="561" src="https://www.vf.com.tw/wp-content/uploads/2018/01/thewaltdisneycompany-1024x561.jpg" class="attachment-large size-large wp-image-4605" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/thewaltdisneycompany-1024x561.jpg 1024w, https://www.vf.com.tw/wp-content/uploads/2018/01/thewaltdisneycompany-300x164.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/01/thewaltdisneycompany-768x421.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/01/thewaltdisneycompany.jpg 1357w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
				<div class="elementor-element elementor-element-9a7d674 elementor-widget elementor-widget-text-editor" data-id="9a7d674" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>英雄視覺形象往往是一個訪客在網站上遇到的第一個視覺; 它提供了該網站最重要內容的概念，精準傳達品牌意涵。</p><p>英雄圖像通常由圖像和文字組成，並且可以是靜態的或動態的（例如圖像和/或主題的旋轉列表），效果有如電影一般的出色。在網頁設計中，<b>英雄形像</b>是一個大型的網站橫幅圖像，傑出地放置在網頁上，一般是在頁首或中間。</p><p>所呈現的內容隨著網站的目的而不同：它可以是關於網站的相關新聞，具體的網站鏈接，或者在電子商務的情況下，是最暢銷的或戰略性地放置的產品或服務。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-44f6cc7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="44f6cc7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7366698" data-id="7366698" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-0669993 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0669993" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-570efc5" data-id="570efc5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-f11b25c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f11b25c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-de33538" data-id="de33538" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cc6a25c elementor-invisible elementor-widget elementor-widget-heading" data-id="cc6a25c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">六、SEO 搜尋引擎優化</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3d554ef elementor-widget elementor-widget-image" data-id="3d554ef" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/01/gui-2311261_640.png" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="gui-2311261_640" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDYwNywidXJsIjoiaHR0cHM6XC9cL3d3dy52Zi5jb20udHdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMThcLzAxXC9ndWktMjMxMTI2MV82NDAucG5nIn0%3D">
							<img loading="lazy" decoding="async" width="640" height="492" src="https://www.vf.com.tw/wp-content/uploads/2018/01/gui-2311261_640.png" class="attachment-full size-full wp-image-4607" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/gui-2311261_640.png 640w, https://www.vf.com.tw/wp-content/uploads/2018/01/gui-2311261_640-300x231.png 300w" sizes="(max-width: 640px) 100vw, 640px" />								</a>
															</div>
				</div>
				<div class="elementor-element elementor-element-ad05ee8 elementor-widget elementor-widget-text-editor" data-id="ad05ee8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>隨著網站曝光的可見度越來越重要，能出現在客戶搜尋的結果，幾乎就是獲利的保證，所以網路廣告大行其道，但卻很少人注意到，網站本質是最重要的，也是所有行銷的基礎，如果網站SEO設計的不好，則廣告費就一直居高不下，無法降低。</p><p>有一些指標您可以了解：</p><ol><li><b>網址優化：</b>您可以注意到網頁設計公司提供的客戶作品中，他們的網址都是一連串無意義的程式碼，您可以將滑鼠移置連結，就能看到左下角出現網址，或是直接在網址列查看網址，如: xxx.com.tw/con.php?lang=tw&amp;trib=2&amp;pid=3 ，這些對搜尋引擎是沒有意義的，相當扣分，我們的網址都是有意義的，且優化過的。<br /><br /></li><li><b>用圖片設計網頁：</b>把所有文字都設計到圖片上，這是十多年前的的網頁設計方式，但令人驚訝的是現在還有很多這樣設計的網站，圖片對搜尋引擎較無意義，文字對搜尋引擎才重要，我們的設計都是全文字化的，效果當然好很多。<br /><br /></li><li><b>網站架構優化：</b>許多舊程式設計出來的網站，表面上看起來漂亮，但效果卻不好，這是先天無法改善的，唯有從程式優化，讓搜尋引擎熟悉且喜歡，才能達到最好的效果。我們的架構有針對搜尋引擎優化，先天就比一般網佔有優勢。</li></ol>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>自製平台的問題</title>
		<link>https://www.vf.com.tw/compare/platform.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Thu, 18 Jan 2018 08:44:38 +0000</pubDate>
				<category><![CDATA[同業比較]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[網頁設計FAQs全攻略：2025年最新RWD與SEO建議]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=3253</guid>

					<description><![CDATA[自製平台常見問題 台灣有許多網頁設計業者多使用自製平台來為客戶設計網頁，但目前的自製平台許多是以前網路泡沫化時 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3253" class="elementor elementor-3253 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-a50dd87 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a50dd87" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28a6c89" data-id="28a6c89" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1d747b2 elementor-widget elementor-widget-heading" data-id="1d747b2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">自製平台常見問題</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-eaaf6de elementor-widget elementor-widget-text-editor" data-id="eaaf6de" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>台灣有許多網頁設計業者多使用自製平台來為客戶設計網頁，但目前的自製平台許多是以前網路泡沫化時所發展的平台而來至今，所以都會有點年紀，所以操作介面都很簡陋，也不太直覺，簡單為大家分析如下：</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-af4591f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="af4591f" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b3ac6f8" data-id="b3ac6f8" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-373d42a elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="373d42a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i class="fa fa-bicycle" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							功能跟不上時代						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						台灣用戶數量較少，通常無法達到經濟規模，所以廠商沒辦法投入太多研發量能，因此沒辦法投入太多設計的功能。
而行動時代興起，大多自製平台業者的功能並無法滿足行動網站，仍就是提供老舊服務給客戶，因不敵國際平台的競爭力，客戶量不夠大，所以無法投入太多研發成本，造成功能跟不上時代的問題。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-216513c" data-id="216513c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cc1d47a elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="cc1d47a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i class="fa fa-bug" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							設計跟不上時代						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						我們看許多網頁設計公司，都還是以舊時代的思維來為客戶設計網頁，譬如都還是以圖片來設計網頁、沒有響應式設計、仍使用十多年前的風格設計等！很可惜的是，許多台灣客戶還不了解這個新時代的設計為何，這些公司在台灣還是不斷的花廣告費，所以現在這些網站還是占多數，但隨著國際化潮流，遲早得進步。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1272d01" data-id="1272d01" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-47cd8f0 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="47cd8f0" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i class="fa fa-child" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							容易變成孤兒						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						軟硬體環境不斷在升級，所以有很多舊系統就會無法執行，或是需要花大量人力來升級修復，但即便升級也無法符合新時代網頁設計的需求，所以很多系統乾脆就停止維護了，客戶網站也會被迫停止，即便是如同微軟這種大企業也無力維護舊系統，何況是台灣的小企業，20年來間關閉的平台系統就非常多。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3cc8bcc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3cc8bcc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-29b8d01" data-id="29b8d01" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2570747 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="2570747" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i class="fa fa-dollar" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							設計費用高、工時長						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						因為沒有模組化，且程式基礎較為複雜，所以設計難度也很高，故而費用便居高不下。也因此工時也必需拉長					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cbac381" data-id="cbac381" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ab5cde2 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="ab5cde2" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i class="fa fa-gears" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							擴充困難						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						自製平台的維護已經非常困難了，何況要增加新的功能，更是艱鉅，所以自製平台業者的要新增功能不是很容易，或者是費用極高。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-c070c23" data-id="c070c23" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-15417c0 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="15417c0" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i class="fa fa-html5" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							RWD需加價						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						傳統網站的平台是沒有響應式網頁設計的，所以當行動時代來臨，他就必需客製化來將客戶的網站升級為RWD，這是為何需要加價的原因。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-4546af elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4546af" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4457717e" data-id="4457717e" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2b577427 elementor-widget elementor-widget-heading" data-id="2b577427" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">相反的我們的平台 完全沒有上述缺點</p>				</div>
				</div>
				<div class="elementor-element elementor-element-60b894e elementor-align-center elementor-widget elementor-widget-button" data-id="60b894e" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-md" href="http://compare.html">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">功能比較</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>同業功能比較</title>
		<link>https://www.vf.com.tw/compare/compare.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Thu, 18 Jan 2018 06:41:49 +0000</pubDate>
				<category><![CDATA[同業比較]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[網頁設計FAQs全攻略：2025年最新RWD與SEO建議]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4470</guid>

					<description><![CDATA[同業網頁設計功能比較表 誠陽網頁設計 同業無法比擬的極強功能 網站主題可設計修改 操作簡易，介面美觀 RWD響 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4470" class="elementor elementor-4470 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-9c61fa4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9c61fa4" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aebe575" data-id="aebe575" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-792cc77 elementor-invisible elementor-widget elementor-widget-heading" data-id="792cc77" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">同業網頁設計功能比較表</h2>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e080972 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e080972" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5a48358 elementor-invisible" data-id="5a48358" data-element_type="column" data-e-type="column" data-settings="{&quot;animation&quot;:&quot;fadeInLeft&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eb5708a elementor-widget elementor-widget-price-table" data-id="eb5708a" data-element_type="widget" data-e-type="widget" data-widget_type="price-table.default">
				<div class="elementor-widget-container">
					
		<div class="elementor-price-table">
							<div class="elementor-price-table__header">
											<h3 class="elementor-price-table__heading">
						誠陽網頁設計						</h3>
					
											<span class="elementor-price-table__subheading">
							同業無法比擬的極強功能						</span>
									</div>
			
			<div class="elementor-price-table__price">
												
				
				
							</div>

							<ul class="elementor-price-table__features-list">
											<li class="elementor-repeater-item-05c48b1">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										網站主題可設計修改									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-5110338">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										操作簡易，介面美觀									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-fb97750">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										RWD響應式網頁設計									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-a7a9819">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										崁入式 Logo 與 選單									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-d558aff">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										可在網頁上直接修改									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-7710ee7">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										獨家文字+圖片的設計									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-9b18dfb">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										極優秀的網站 SEO設計									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-a1d8763">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										聯絡表單的設計功能									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-d3aee30">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										極專業拖曳式編輯器									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-ce14aec">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										預先設計上百種版面									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-453f254">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										自動化上架貼心功能									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-9c09491">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										持續更新的最新功能									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-09d7d3b">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										系統永久升級與保固									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-f9eb5f4">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										超過百萬的專業圖庫									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-2109483">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										Font Awesome Icon									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-4c70b7e">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										Google 網路字型									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-017e293">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-check-circle" aria-hidden="true"></i>
																											<span >
										七天快速交件									</span>
																</div>
						</li>
									</ul>
			
					</div>

					<div class="elementor-ribbon">
				<div class="elementor-ribbon-inner">
					全勝				</div>
			</div>
							</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c12c8a6 elementor-invisible" data-id="c12c8a6" data-element_type="column" data-e-type="column" data-settings="{&quot;animation&quot;:&quot;fadeInRight&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-66341ae elementor-widget elementor-widget-price-table" data-id="66341ae" data-element_type="widget" data-e-type="widget" data-widget_type="price-table.default">
				<div class="elementor-widget-container">
					
		<div class="elementor-price-table">
							<div class="elementor-price-table__header">
											<h3 class="elementor-price-table__heading">
						同業網站設計						</h3>
					
											<span class="elementor-price-table__subheading">
							無法達到經濟規模，功能有限						</span>
									</div>
			
			<div class="elementor-price-table__price">
												
				
				
							</div>

							<ul class="elementor-price-table__features-list">
											<li class="elementor-repeater-item-d65ced5">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										網站主題不可修改									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-bbaf3a1">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										操作介面簡陋且複雜									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-934a86e">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										響應式需加價升級									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-8b5731c">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										Logo、選單無法崁入圖片									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-83d2792">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										無法在網頁上直接修改									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-bad7bb2">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										主要多以美工圖片設計									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-6c7db04">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										極差的SEO架構									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-14a7c67">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										自己無法設計表單									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-21f1765">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										傳統老舊編輯器									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-4f0cbde">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										無									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-0c96b08">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										需另外設定選單及新聞									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-93fca58">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										極少更新，或需另外付費									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-e774902">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										無									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-e1e8808">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										不一定									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-b3cdd4c">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										無									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-6b7414d">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										無									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-6443b41">
							<div class="elementor-price-table__feature-inner">
																		<i class="fa fa-close" aria-hidden="true"></i>
																											<span >
										超過40天的工作期間									</span>
																</div>
						</li>
									</ul>
			
					</div>

						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-acb2807 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="acb2807" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cea0d3c" data-id="cea0d3c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3b39fe1 elementor-invisible elementor-widget elementor-widget-heading" data-id="3b39fe1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">同業有的我們都有，但我們有的同業不一定有！</h2>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>網頁設計趨勢歷史</title>
		<link>https://www.vf.com.tw/webdesign/web-design-history.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Thu, 12 Oct 2017 08:51:10 +0000</pubDate>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[企業網站建置與專業網頁設計服務案例 - VF團隊]]></category>
		<category><![CDATA[全方位網站趨勢分析及歷史回顧 - 2025數據洞察]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw//?p=1266</guid>

					<description><![CDATA[&#160; 網頁設計趨勢歷史 Web Design History 1. 網頁設計初期 Web1.0 對於那 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1266" class="elementor elementor-1266 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-oncovhg elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="oncovhg" data-element_type="section" data-e-type="section" data-settings="{&quot;animation&quot;:&quot;fadeInDown&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-jcuagon" data-id="jcuagon" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;none&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eidcveg elementor-widget elementor-widget-heading" data-id="eidcveg" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-medium">網頁設計趨勢歷史</h1>				</div>
				</div>
				<div class="elementor-element elementor-element-qhxaips elementor-widget elementor-widget-heading" data-id="qhxaips" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-medium">

Web Design History</h4>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-godhaec elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="godhaec" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-tkrjosw" data-id="tkrjosw" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-sjemwvo elementor-invisible elementor-widget elementor-widget-heading" data-id="sjemwvo" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-large">1. 網頁設計初期  Web1.0</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-grdworq elementor-widget elementor-widget-text-editor" data-id="grdworq" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>對於那些還記得互聯網早期的人來說，第一代HTML中主要是簡單的文字的網站，非常單調觀。網站開發人員花費了大量時間來設計選單，讓按鈕和鏈接看起來明顯“可點擊”，以便引導用戶從一頁到另一頁。網站導航是早期的重點，用戶體驗並沒有被大量的思考。企業皆迷信每個頁面上計數器的訪客數？<br /><br /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-ax2iax9 elementor-widget elementor-widget-heading" data-id="ax2iax9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-large">1990 ~ 2000 年</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-q6z9x5y elementor-widget elementor-widget-spacer" data-id="q6z9x5y" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-20ndvmw elementor-invisible elementor-widget elementor-widget-heading" data-id="20ndvmw" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-large">3. 擬真化設計</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ypcxift elementor-widget elementor-widget-text-editor" data-id="ypcxift" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>可以說，這個時期設計風格最具魅力的名字之一就是擬真化設計。這是將實物的視覺特徵結合到設計中的做法。以修飾的方式重新設計它們，讓用戶對這些應用程序，小工具等有熟悉感。紋理，光線和顏色的搭配，創造了深度和真實感。設計師們正在慢慢地擺脫過去幾年的流行設計。最常見的例子之一是蘋果手機的介面設計; 木板，金屬和塑料表面已經被整合，以模擬現實生活中的物體。<br /><br /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-wfy5m4n elementor-widget elementor-widget-heading" data-id="wfy5m4n" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-large">2012 - 現在</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-0kr8aq1 elementor-widget elementor-widget-spacer" data-id="0kr8aq1" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-86cdudb elementor-invisible elementor-widget elementor-widget-heading" data-id="86cdudb" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-large">5. RWD響應式設計</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-8y8i4x5 elementor-widget elementor-widget-text-editor" data-id="8y8i4x5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									響應式網頁設計是針對目前流行的行動裝置的網頁設計技術，該設計可使網站在不同的裝置（從桌上型電腦到手機或平板等其他行動產品裝置）上瀏覽時，可自動對應不同解析度，讓所有裝置皆能有最佳的呈現，減少使用者進行縮放、平移和捲動等操作行為，以便給客戶更佳的使用體驗。
對於網站設計師和前端工程師來說，有別於過去需要針對各種裝置進行不同的設計，使用此種設計方式將更易於維護網頁。								</div>
				</div>
				<div class="elementor-element elementor-element-gdoadlq elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="gdoadlq" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-oapyzxu" data-id="oapyzxu" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-tvzzocb elementor-widget elementor-widget-heading" data-id="tvzzocb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-large">1990 ~ 2000 年</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-420ekbj elementor-widget elementor-widget-spacer" data-id="420ekbj" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ngu7hkw elementor-invisible elementor-widget elementor-widget-heading" data-id="ngu7hkw" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-large">2. Web 2.0（2003 - 2010）</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-cqfrzaf elementor-widget elementor-widget-text-editor" data-id="cqfrzaf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>毫無疑問，扁平化設計趨勢被2000年代流行的 Web 2.0設計風格所取代。下拉陰影、閃亮的泡泡、超大的按鈕和 炫光。<br /> 隨著設計人員越來越需要教育用戶如何瀏覽網頁內容，這些設計趨勢使得網絡用戶能夠熟悉互聯網。超大的圖形吸引了我們，然後引導用戶點擊這裡，“學習更多”，因為顏色，漸變和圖形吸引著我們的視覺感官。<br /><br /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-m758ul0 elementor-widget elementor-widget-heading" data-id="m758ul0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-large">2010 - 2012 年</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-bo046f9 elementor-widget elementor-widget-spacer" data-id="bo046f9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ka32kf1 elementor-invisible elementor-widget elementor-widget-heading" data-id="ka32kf1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-large">4. 扁平化設計</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-surl1nh elementor-widget elementor-widget-text-editor" data-id="surl1nh" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>扁平化設計是目前世界數位設計的最新風格。這種風格的特徵在於消除了在用戶界面中多餘的元素。<br /> 簡單是關鍵：避免過多的裝飾元素，如漸變，紋理和浮雕。風格採用開放、明亮的色彩，銳利的邊緣和二維圖形，強調可用性。省略複雜的圖形意味著不會混淆用戶的注意力，可以專注於內容。</p><p>微軟是最早將平面設計應用於Windows 8界面的業者。有人認為這是對蘋果的 iOS界面的回應; 多樣顏色與簡單的圖形組合這種設計，很容易滿足眼睛上視覺體驗跟功能導航，目前幾乎所有系統，如 Android, iOS, Windows等系統皆採用扁平化設計。</p><p>扁平化設計風格的顯著優勢是從可用性的角度來看，它通過去掉不必要的裝飾，減少頁面加載時間，代碼更清晰，意味著網站可以輕鬆地跨多個平台進行適應。該款式適合所有類型的應用; 無論是在桌面還是行動裝置上查看，平面設計總是好看、好讀，適應性強。<br /><br /></p>								</div>
				</div>
				<div class="elementor-element elementor-element-wagy6i5 elementor-widget elementor-widget-heading" data-id="wagy6i5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-large">2014 ~ 現在</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-erksfog elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="erksfog" data-element_type="section" data-e-type="section" data-settings="{&quot;animation&quot;:&quot;fadeInDown&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-zqhokrr" data-id="zqhokrr" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-btzqeax elementor-widget elementor-widget-button" data-id="btzqeax" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-lg" href="#">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">扁平化設計  +  響應式設計</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-fumbodc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fumbodc" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;,&quot;shape_divider_bottom&quot;:&quot;curve-asymmetrical&quot;}">
							<div class="elementor-background-overlay"></div>
						<div class="elementor-shape elementor-shape-bottom" aria-hidden="true" data-negative="true">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
	<path class="elementor-shape-fill" d="M615.2,96.7C240.2,97.8,0,18.9,0,0v100h1000V0C1000,19.2,989.8,96,615.2,96.7z"/>
</svg>		</div>
					<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dyrxpxd" data-id="dyrxpxd" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-mxptziu elementor-invisible elementor-widget elementor-widget-heading" data-id="mxptziu" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Apple 網頁設計歷史</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-tbavxfq elementor-widget elementor-widget-text-editor" data-id="tbavxfq" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Apple 蘋果的設計，一直引領潮流，所以我們以蘋果的網頁設計歷史為例，從 1990至今的設計差異，讓大家更了解設計趨勢的演進!</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-kkcq5hu elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="kkcq5hu" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-klbf388" data-id="klbf388" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-pfgi7jx elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel" data-id="pfgi7jx" data-element_type="widget" data-e-type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}" data-widget_type="image-carousel.default">
				<div class="elementor-widget-container">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="圖片輪播" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 1 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website01-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2017年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2017年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 2 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website02-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2014年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2014年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 3 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website03-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2011年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2011年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 4 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website04-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2008年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2008年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 5 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website05-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2006年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2006年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 6 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website06-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2004年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2004年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 7 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website07-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2001年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2001年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 8 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website08-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="2000年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">2000年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 9 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website09-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="1999年Apple網頁設計" /><figcaption class="elementor-image-carousel-caption">1999年Apple網頁設計</figcaption></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="第 10 張，共 10 張"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/apple-website010-rnrhkuj21yfexu5414xon9whru9z79brmknvslbyq0.jpg" alt="1990~2000年網頁設計初期" /><figcaption class="elementor-image-carousel-caption">1990~2000年網頁設計初期</figcaption></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<i aria-hidden="true" class="eicon-chevron-left"></i>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<i aria-hidden="true" class="eicon-chevron-right"></i>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>最新網頁設計趨勢</title>
		<link>https://www.vf.com.tw/webdesign/web-design-trends.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Thu, 12 Oct 2017 08:48:48 +0000</pubDate>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[企業網站建置與專業網頁設計服務案例 - VF團隊]]></category>
		<category><![CDATA[網站設計新趨勢與效果提升：響應式網頁與SEO策略]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw//?p=1262</guid>

					<description><![CDATA[2018 網頁設計趨勢 響應式 網頁設計 Responsive Web Design 全螢幕設計 Full S [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1262" class="elementor elementor-1262 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-uyabtzi elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="uyabtzi" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-tmfenng" data-id="tmfenng" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-pefkzat elementor-invisible elementor-widget elementor-widget-heading" data-id="pefkzat" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">2018 網頁設計趨勢</h2>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-t5f8le8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="t5f8le8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-jg6crh1" data-id="jg6crh1" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-s3kjzed elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="s3kjzed" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-mobile-phone" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							響應式 網頁設計						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Responsive Web Design					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-xsmp3vo" data-id="xsmp3vo" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-huczr96 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="huczr96" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-desktop" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							全螢幕設計						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Full Screen					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ngewjoi" data-id="ngewjoi" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-z3t4330 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="z3t4330" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-file-movie-o" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							影片動態背景						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Vedio Background					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-59d79sq elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="59d79sq" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cfwdoyv" data-id="cfwdoyv" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e8x4bd2 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="e8x4bd2" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-list-alt" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							固定式選單設計						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Fixed Menu					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-atlr8xk" data-id="atlr8xk" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-izwy869 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="izwy869" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-flickr" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							扁平化設計						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Flat Design					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-gvo7ema" data-id="gvo7ema" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-aah6azj elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="aah6azj" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-film" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							微動畫						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Micro animation					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-h63ulmw elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="h63ulmw" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-pxym3jw" data-id="pxym3jw" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6kwhea2 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="6kwhea2" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-font-awesome" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							圖形文字						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Icon Font					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-sm3s7kx" data-id="sm3s7kx" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8kb7cb8 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="8kb7cb8" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-viadeo-square" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							時尚區塊設計						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Fashion block design					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8irdj8c" data-id="8irdj8c" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3wwm8cq elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="3wwm8cq" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-file-picture-o" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							使用高解析圖片						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Free high quality images					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e5jsny7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e5jsny7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-gk71qci" data-id="gk71qci" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-nmdz20g elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="nmdz20g" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-circle-o" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							簡約主義						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						沒有多餘的雜質					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-r2xcil0" data-id="r2xcil0" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-iso6tin elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="iso6tin" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-th-list" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							簡單的文字排版						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						讓版面更清楚易讀					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-mnml6x4" data-id="mnml6x4" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-75xs2dw elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="75xs2dw" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-expeditedssl" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							SSL網站加密						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						為您網站贏得更多的信任					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-sr2jeju elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="sr2jeju" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-np4v5qy" data-id="np4v5qy" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ywxxqy7 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="ywxxqy7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-facebook-square" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							社群互動						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						多種社群互動功能					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5t7wyvg" data-id="5t7wyvg" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-q17zao0 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="q17zao0" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-address-card-o" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							豐富頁尾						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Big foot					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-fy8c71o" data-id="fy8c71o" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-wgagpr8 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="wgagpr8" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-pulse-grow">
				<i class="fa fa-fast-forward" aria-hidden="true"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							滾動視差效果						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Scrolling and parallax					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>網頁設計心理學</title>
		<link>https://www.vf.com.tw/webdesign/psychology.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Mon, 12 May 2014 02:21:29 +0000</pubDate>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[網頁設計新聞]]></category>
		<guid isPermaLink="false">https://www.vf.com.tw/?p=541</guid>

					<description><![CDATA[FSYCHOLOGY &#038; WEB DESIGN 網頁設計需懂客戶的心理 Siverra lectus [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="541" class="elementor elementor-541" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-6add9f14 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6add9f14" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f4fb705" data-id="5f4fb705" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
					<div class="elementor-background-overlay"></div>
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-612a5c14 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="612a5c14" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3ebd9d2a" data-id="3ebd9d2a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-892a78e elementor-widget elementor-widget-heading" data-id="892a78e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">FSYCHOLOGY &amp; WEB DESIGN</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-708fc47e elementor-widget elementor-widget-heading" data-id="708fc47e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">網頁設計需懂客戶的心理</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-44dc8baa elementor-widget elementor-widget-text-editor" data-id="44dc8baa" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Siverra lectus mauris ultrices eros in. Eget egestas purus viverra accumsan in nisl nulla nisi scelerisque euvestibulum sed risus ultricies.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-452a0633 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="452a0633" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-328342f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="328342f8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-wide">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-58599a43" data-id="58599a43" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
					<div class="elementor-background-overlay"></div>
						<div class="elementor-element elementor-element-0a96463 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="0a96463" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="fas fa-user-tie"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							客戶信任專業形象						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						網站不好看，可能是生意不上門的原因。網頁設計所謂的專業，就是有質感的設計、清楚的導覽、不會迷路的架構、賞心悅目的配色等。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1cc1149" data-id="1cc1149" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
					<div class="elementor-background-overlay"></div>
						<div class="elementor-element elementor-element-803213d elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="803213d" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="fas fa-image"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							客戶喜歡看圖片						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						最近的設計趨勢可以了解，目前最受歡迎的內容是圖片加上簡單的文字標語，才容易受到客戶的青睞。全部是文字的網站是不受歡迎的。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-ea27c56" data-id="ea27c56" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
					<div class="elementor-background-overlay"></div>
						<div class="elementor-element elementor-element-ea76b10 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="ea76b10" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="fas fa-grin-hearts"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							客戶想甚麼才重要						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						網頁設計應避免落入閉門造車，經驗豐富的設計師都是看過上千個成功的網站，多參考專家的意見，找對人可以給您客戶喜歡的設計建議。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-aa46f1b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="aa46f1b" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f177aba" data-id="f177aba" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e1b8d65 elementor-widget elementor-widget-heading" data-id="e1b8d65" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">客戶無法忍受太長的等待時間</h2>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-be94bbc" data-id="be94bbc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cf27718 elementor-widget elementor-widget-text-editor" data-id="cf27718" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>研究顯示：當網頁讀取的時間超過 8到10秒且無回應，則用戶受到的挫將增加。較新的證據顯示：寬頻用戶更加無法忍受的網頁延遲的時間超過窄頻用戶。調查發現33％的寬頻消費者不願意等待網頁讀取超過 4秒，而43％的窄頻用戶不會等待網頁讀取超過 6秒。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-13ffadf6 elementor-section-content-middle envato-kit-141-top-0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="13ffadf6" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-wide">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11ab5ffa" data-id="11ab5ffa" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-128c95e7 elementor-invisible elementor-widget elementor-widget-heading" data-id="128c95e7" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;50&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Beauty Design</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-405ca9d3 elementor-invisible elementor-widget elementor-widget-heading" data-id="405ca9d3" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;100&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">美感應該如何設計，才容易讓客戶有共鳴</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7de6043e elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider" data-id="7de6043e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;300&quot;}" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-364d8eb1 elementor-invisible elementor-widget elementor-widget-heading" data-id="364d8eb1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;150&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">由於美感是屬於極主觀的認知，每個人的美感認知通常都有差距，該如何將彼此的標準拉到一致，良好的溝通需要有經驗的網頁設計公司，才會輕鬆愉快！

誠陽科技20多年豐富的設計經驗，不斷追求進步，保持使用最新科技，及最新趨勢，帶領您設計出讓客戶喜歡的網站。</p>				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-64c1f3ec elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64c1f3ec" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-542b8d7b" data-id="542b8d7b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6655f331 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="6655f331" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i aria-hidden="true" class="far fa-life-ring"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							全球最大共識的美感						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						目前的電腦、平板、手機等數位裝置的使用介面都希望給用戶有良好的體驗，在蘋果、微軟、Google、三星 等世界大廠的UI 設計的影響下，讓大家對設計的美感成為全球最大公約數，行動時代的網站設計趨勢不能離開3C，我們的設計也是跟著趨勢走，讓您的設計又獨特又跟得上流行。

					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6994a204" data-id="6994a204" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3eef3409 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="3eef3409" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i aria-hidden="true" class="fas fa-palette"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							舒適的配色						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						網頁設計的配色是一門專業的學問，不同的配色可以讓客戶有不同的感受，如果您重視專業，我們會為您配出專業的色系，也有溫馨、可愛、引發購買慾望、質感、高級等配色，顏色配的好，可以讓客戶更容易成交。很多網站您可能看起來覺得不錯的原因，配色應是非常重要的一環。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-64ddabad elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64ddabad" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-37d3b3cf" data-id="37d3b3cf" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-78b3a3d7 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="78b3a3d7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i aria-hidden="true" class="fas fa-camera"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							有質感的授權圖片						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						現在的網站流行以卡片式的圖片文字介紹內容，這種設計，圖片就是主角，只要圖片漂亮，整個網站的質感就頂天了，我們提供您精美的授權圖片，讓您的網站賞心悅目.					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7397d968" data-id="7397d968" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2fb2317f elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="2fb2317f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon elementor-animation-grow">
				<i aria-hidden="true" class="fab fa-superpowers"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							 英雄形象的首頁						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						以前網站首頁會放橫幅，現在更進化成輪播的大圖加上標語，由精美圖片加上標語，凸顯網站質感與目的，如同電影一般的氣勢，這也是客戶最喜歡的網站設計方式。					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2a6828be elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2a6828be" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25a94082" data-id="25a94082" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section class="elementor-section elementor-inner-section elementor-element elementor-element-32e0f31e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="32e0f31e" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-768630e7" data-id="768630e7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6592ff5d elementor-widget elementor-widget-heading" data-id="6592ff5d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">我們暸解客戶的喜好</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-77360bcb elementor-widget elementor-widget-text-editor" data-id="77360bcb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>我們的設計符合世界的趨勢，大多數人的習慣跟喜好，讓您的網站能夠更容易讓您的客戶接受，並且喜歡!</p>								</div>
				</div>
				<div class="elementor-element elementor-element-8c4a6c9 elementor-tablet-align-start elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8c4a6c9" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check"></i>						</span>
										<span class="elementor-icon-list-text">RWD響應式功能</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check"></i>						</span>
										<span class="elementor-icon-list-text">連絡表單</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check"></i>						</span>
										<span class="elementor-icon-list-text">Google 地圖</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check"></i>						</span>
										<span class="elementor-icon-list-text">臉書社群</span>
									</li>
						</ul>
						</div>
				</div>
				<div class="elementor-element elementor-element-52d6d18d elementor-tablet-align-left elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="52d6d18d" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="/web-design-quote.html">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<i aria-hidden="true" class="far fa-window-restore"></i>			</span>
									<span class="elementor-button-text">優惠方案</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2e76055e" data-id="2e76055e" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2d36065f animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="2d36065f" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="640" height="358" src="https://www.vf.com.tw/wp-content/uploads/2019/09/504.jpg" class="attachment-large size-large wp-image-10100" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/09/504.jpg 640w, https://www.vf.com.tw/wp-content/uploads/2019/09/504-300x168.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />															</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-32abfeca" data-id="32abfeca" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4140f840 animated-fast elementor-invisible elementor-widget elementor-widget-image" data-id="4140f840" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="682" src="https://www.vf.com.tw/wp-content/uploads/2019/12/pexels-photo-341523-1024x682.jpeg" class="attachment-large size-large wp-image-10263" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2019/12/pexels-photo-341523-1024x682.jpeg 1024w, https://www.vf.com.tw/wp-content/uploads/2019/12/pexels-photo-341523-300x200.jpeg 300w, https://www.vf.com.tw/wp-content/uploads/2019/12/pexels-photo-341523.jpeg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-39c4c017 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="39c4c017" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-11d1d87b" data-id="11d1d87b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5def2a2d elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box" data-id="5def2a2d" data-element_type="widget" data-e-type="widget" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><figure class="elementor-image-box-img"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/chuttersnap-176806-unsplash-rnrhl8mgot5h0ravkfakxs2rs1bdingr9ujmnju70k.jpg" title="chuttersnap-176806-unsplash" alt="chuttersnap-176806-unsplash" loading="lazy" /></figure><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">RWD響應式功能</h3></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-16862e2 elementor-widget elementor-widget-text-editor" data-id="16862e2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>現在超過7成的人都是使用手機看網站，如果沒有RWD響應式功能，無法在手機上調整成最佳瀏覽模式，等於放棄了7成以上個客戶.</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5ccbbf48" data-id="5ccbbf48" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7b6f2997 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box" data-id="7b6f2997" data-element_type="widget" data-e-type="widget" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><figure class="elementor-image-box-img"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/calculator-clipboard-coffee-cup-1001763-rnrhl7omhz46p5c8pwvydabb6ng0ayd0xpw569vl6s.jpg" title="calculator-clipboard-coffee-cup-1001763" alt="calculator-clipboard-coffee-cup-1001763" loading="lazy" /></figure><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">連絡表單</h3></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-545a5313 elementor-widget elementor-widget-text-editor" data-id="545a5313" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>聯絡表單是網站主要跟客戶聯絡的方式，現在很多人不見得喜歡打電話，透過簡單的表單可以讓客戶容易跟網站店家溝通.</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6dde1803" data-id="6dde1803" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-21ba59d0 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box" data-id="21ba59d0" data-element_type="widget" data-e-type="widget" data-widget_type="image-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-box-wrapper"><figure class="elementor-image-box-img"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/elementor/thumbs/debby-hudson-1056837-unsplash-rnrhl8mgot5h0ravkfakxs2rs1bdingr9ujmnju70k.jpg" title="debby-hudson-1056837-unsplash" alt="debby-hudson-1056837-unsplash" loading="lazy" /></figure><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Google 地圖</h3></div></div>				</div>
				</div>
				<div class="elementor-element elementor-element-7b848fa1 elementor-widget elementor-widget-text-editor" data-id="7b848fa1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>如果您希望客戶能來，網站地圖就非常重要，讓您的客戶方便找到您。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
