寫給不是設計師的——漸層配色(上)

講在前面 →這篇文章並不是一篇教您如何使用工具的文章,也就是說我不會告訴您 Sketch3/ Photoshop/illustrator 這些工具應該要如何使用。但這篇文章內的範例皆是使用 Sketch3 or Photoshop 所製作完成,如有需要任何的範例圖/成品圖歡迎寄信留言跟我索取,期許您在讀完(上),(下)篇後能輕易完成上圖的學習目標。
評論
評論

作者 Samuel 高玉璁,目前任職於 Tickle Lab,擔任 iOS 工程師與介面設計助理,原文刊登於 Medium

讓我們從最基礎的開始吧!

6/5 聲明稿連結

(上)篇主要會介紹三個主題:
1. 色彩學
2. 類似色漸層變化(Linear Gradient)
3. 對比色漸層變化(Linear Gradient)

講在前面→這篇文章並不是一篇教您該如何使用工具的文章,也就是說我不會告訴您 Sketch3/ Photoshop/illustrator 這些工具應該要如何使用。如有需要任何文內的範例圖/成品圖(非引用部分)歡迎寄信留言跟我索取來幫助您的學習喔?。衷心希望您在讀完(上),(中),(下)篇對於漸層的使用能更加的得心應手,也能輕鬆完成上圖的學習目標?。

踏入新創科技業以來,總是聽見許多設計師/工程師朋友們在互相抱怨彼此之間的合作有多麽的⋯⋯不融洽(糟糕),要碼是設計師會抱怨工程師沒有美感,不重視設計細節(總是覺得少 1px 多 1px 好像沒什麼差),或是連 Guideline 都不讀完就來跟我講該怎樣設計(強烈建議 iOS/Android 工程師不管未來是否會接觸到介面設計都花些時間把 iOS 的 Human Interface Guideline 跟 Material Design Guideline 給看完,這是基本啊!! 基本啊!! 線上已經有滿坑滿谷的翻譯文章囉,所以別再拿看不懂英文當藉口囉?);另一方面工程師也會抱怨設計師常常把寫動畫當作小畫家,把改流程當成拉 Wireframe,再不然就是腦海裡充滿著過於天馬行空的想法。

很幸運的是這個狀況幾乎不曾發生在小弟迄今的工作經驗當中,主要是因為一起工作的前輩們就是一群神級的工程師或者是神級的工程師+設計師,即使是學生時期合作過的設計師們也都是相當優秀的合作夥伴。但考慮到 80%…90% 的工程師們都會有過這麼一段與設計奮鬥的辛酸史,在這邊希望能藉由一連串的對於配色,漸層的基礎概念,以及小弟日常工作運用/學習到的知識來幫助廣大的非設計職場夥伴來多瞭解一些設計上面的眉眉角角。

當然,(設計師+工程師連線)與 PM 的戰爭又是另外一個故事了。

我是 Samuel。非本科系 (設計相關) 出身,也不是資工相關出身,但有幸接受幾位厲害前輩(Hammer, Sophy, Fran)的指導。目前職場工作經歷 0 年(未滿一年 xD),於學生時期就熱愛嘗試新鮮事物以及跨領域的合作(真是一條不歸路)。2013 年與設計系夥伴們共同完成孕婦照護系統 Fetus Care;2014 年暑假於 i-Fit 擔任 iOS 實習工程師與介面實習設計師,同時非常感謝 Chiao 在這段時間給予的職涯建議以及分享設計思考的經驗;於 2015 年取得經由 陳教授 的指導取得 NTUST 嵌入式系統領域的碩士學位。目前是一位對於設計與使用者體驗相當具有熱忱的 iOS 工程師 ,同時希望持續的寫作能夠帶來更多的分享與討論,讓每個熱愛或是想要瞭解設計的朋友都能夠互相指教與學習。創作的過程很辛苦,所以我瞭解每個心血結晶都應該被保護;捍衛智慧財產權的重要性,我絕對了解、與支持。在文章中皆有註明出處、尊重版權,也都有於內容中標上各個協助我完成文章的前輩與朋友。對於我的內容版權有任何疑慮的朋友,請麻煩指出有疑慮之處與提供原出處,以便讓小弟的文章內容更精進,更促進正面的討論與成長。

因為不具本科系背景這樣的先天性優勢(劣勢)?!我寫的東西可能會比較平易近人一些,但太艱澀的理論就…期許各領域的前輩們在閱讀之餘能給予一些指教囉。這邊首先針對漸層的主題寫了一篇(上),來聊聊常常使用的漸層類型,該如何快速有效的運用這些漸層類型,以及分享一些線上設計師們優秀的作品。

在一切開始之前,首先推薦一個網站 uiGradient,無聊沒事的時候可以上去晃晃找點漸層配色的靈感。

一、色彩學

底下這就是傳說中的伊登色相環,The end。

▲ 資料來源:wikipedia

也結束的太快了吧?為什麼沒有多介紹一下色彩學,因為…其實在這裡還不需要太瞭解啊?。好麻好麻,那我們稍微來說一下什麼是色相環好了:

基礎的十二色環由瑞士設計師 約翰·伊登 所提出,其結構為:
等邊三角形內的三原色─紅、黃、藍作為第一次色,將三原色兩兩相加可調出橙、綠、紫等第二次色,如果再將這六種顏色中兩相鄰的顏色等量互調,得到該兩色的中間色(第三次色),便產生了十二色色環。(引用自 Wiki

是不是已經看不下去了?這種太理論的東西對於非專業的我們實在是太遙遠囉,當然絕對不是說這些設計的理論不重要,看看那些線上的介面設計師/分享前輩強到一個亂七八糟,只是對於剛入門的我們其實可以稍稍緩一些。在建立了相關基礎之後我們再來更進一步聊聊這些色彩學應用的理論吧(如果有需要的話我有很多色彩學的電子書,歡迎寄信找我索取?)。這系列文章所應用到的漸層運用其實只要對於伊登色相環,相近色,對比色以及色相明度彩度有基礎的認識就足夠囉(Wiki)。

▲ Sketch 3 檢色器

二、類似色漸層變化

灰階漸層:

首先我們先從配色的基礎的開始:

  • 基本運用

白 →灰的漸層可以說是大自然中光影變化最基本的一種類型,這樣子的漸層搭配也是最建議初學者拿來練功用的喔(再運用白 →灰的漸層時並不需要考慮到檢測器上各漸層區段的差異,這些差異只要一用不好就很容易導致顏色灰階過高(髒掉)或是飽和度(彩度)不均勻的問題)。以下圖範例而言,左側上淺下灰的漸層,在搭配內光暈後能夠輕易的讓圖形浮凸於紙面;右側上灰下淺搭的漸層,則可以搭配內陰影來呈現凹陷於紙面的效果。

▲ 上淺下深(左)上深下淺(右)

上面兩種是基本中的基本,如果想要做出中間凹陷,但是凹陷的部分是浮凸出來的感覺,除了上灰下淺的基本技巧之外還要稍微運用一點放射狀漸層來分別調整上部以及底部的光影,下一篇會提到更多這樣的觀念喔。

▲ 是不是有一種凸出來的感覺呢?

當然,上圖幾個示範的立體效果其實還不夠完整,但以現在 Flat Design 盛行的狀況,對於光於影的變化有一些基礎的瞭解對於取悅團隊中的設計師妹妹肯定是相當有幫助的(笑)。有了基本的視覺雛形,我們可以再進一步的進行漸層(漸層角度,漸層區段,內外光暈)的微調,同時考慮到光影的變化以及陰影的角度位置,就可以輕易的作出如下圖範例的效果囉!(下圖除了白 →淺灰的漸層之外,為了做出凹陷的平面,同時也運用了淺黑 →深黑的漸層變化?)

▲ Designed by by Paco for Smartisan
  • 如何製作?

那麼究竟該如何製作一個簡單的灰階漸層呢?其實做起來就跟下面這張圖一樣容易 →

主要的調整就只在檢色器的最最最最最左側上下移動即可,如果希望帶點淡淡的色澤可以往右邊稍微移動一點點,這樣的效果有時候會運用在物體本身是白色但周圍是有色背景時,物體因為背景產生的反光影響到白色物品的表面色澤。如果希望整體給使用者的印象是清爽乾淨的,漸層中搭配的灰色就不應該太重,如示意圖從白色往下調整一點點即可,若是選用深灰色來做搭配,產生的則是另一種沈穩的效果。

  • 補充:該如何簡單實作上面的時鐘 icon 呢?

Step1. 底部基座

繪製一個上淺下深(顏色相近)的圓角矩形作為 icon 背景(光源在上)。

Step2. 立體感

為圖形加上內陰影(底部)與外陰影來凸顯出立體感。

Step3. 鐘面製作

繪製中間的鐘面部分,運用淺黑 →深黑的漸層來製作凹陷的平面,同時搭配橢圓形狀+高斯模糊來製作簡單的光影效果以進一步模擬圓弧凸面的效果。

Step4. 指針繪製

最後在繪製指針時要稍微注意一下漸層拉的角度喔!!在繪製時請務必隨時記著光照射的方向 →在這裡因為指針的邊緣較細,指針尖端邊緣的部分會因為反光而較為明亮,因此我拉的漸層既不是正 0 度或是 90 度而是順著指針方向的 25 度左右。後續的部分較簡單我們就先不多談啦(其實是懶惰)XD,如果有需要完成的作品來做練習的話歡迎留下您的信箱或是私訊索取喔。

Step5. 成品

這是我自己做出來的版本(秒針偷懶不製作),當然跟原作還有一段差距啦→有需要 Sketch 檔來做練習的朋友歡迎發訊息跟我索取喔?。

6/2 補充:檢色器區間

有些讀者反應不知道 1/5 區間到底是什麼,該如何把他從檢色器打開來做設定?NoNoNo,1/5 區間其實是一種感覺。小弟在選色的時候都會在腦海裡將檢色器切分成 25 個區塊,就如同下圖一樣:

以上圖為例,在選擇漸層顏色變化時就會在下圖 1/5 的紅色框框區間內選擇:

蛤,一定只能這麼少喔?其實在設計上面並沒有一定要怎麼做,只要你爽,然後業主買單就好?,但小弟建議您最多最多維持在 2/5 的區間就好,如果再往外進行調整的話 →想必您已經開始發現顏色差異增加,甚至因為灰階的影響,開始導致漸層出現變髒的狀況,在下一篇會看到這樣的範例說明。

高彩度色系漸層

  • 基本運用

講完了灰階的基礎漸層搭配,我們來看一下其他色系的搭配。單純在同一個顏色當中進行明度彩度的調整如下圖跟灰階的部分相當類似就不再贅述囉。

這邊只補充一個小重點,同色系的漸層選色請記得往檢色器的右下角移動,可能對於很多設計師/業餘愛好者這樣的習慣運用的已經很普及了,但可以瞭解一下這樣的移動方式主要是為了避免調整色階(彩度)的同時讓往暗色移動的部分增加太快,漸層也比較不容易因為髒掉或是造成顏色差異過大產生不協調感。除此之外,對於初學者在漸層的角度配置調整上面,當所有物體處於相同平面時應該盡量讓整體角度效果一致。(畢竟光主要會從同一個地方來麻?)

  • 進階重點與實作技巧

接下來我們來看看稍微進階一點點的 →選配漸層對於跟我一樣的初學者而言遇到的幾個問題不外乎是 1. 搭配的漸層色感覺不對(不自然)2. 搭配的漸層色好像有點暗沉(髒)。那該怎麼樣避免這些問題來做出漂亮的漸層呢?

▲ designed by Edvard Vajgl

配出上圖這樣的漸層其實非常容易,除了前面所提到的一些小技巧之外只要注意兩個基本原則就可以囉,對於淺色系的漸層,如同淺色系漸層範例,明度的調整區間不適合太大(約 1/10)。在檢色器上面我們可以改變彩度,色相來配出喜愛的漸層變化,但是上下移動的幅度就要保守一點,否則配出來的漸層就很容易產生髒髒的視覺效果。

▲ 淺色系漸層範例

至於暗色系的漸層,明度的變化就可以大一點,但記得除非漸層一開始的選色就是相當深的暗色系,否則調整的幅度也請盡可能確保明度的變化在 1/4–1/5 的區間以內來避免過髒或是顏色落差過大的問題。

▲ 暗色系漸層範例

補上一個類似色搭配圖形(透明度)變化的範例(維持 Micro:bit 官方的視覺),藍綠,綠色漸層的使用相當的普遍,當這類型顏色的明度及彩度較高時往往可以帶給使用者一種活潑明亮的視覺印象。

高明度色系漸層

  • 基本運用

上面幾組漸層的搭配彩度較高,現在我們來看一下該如何處理
明度較高的漸層配色模式。基礎的高明度漸層處理起來相對容易,確保明度與彩度的調整都保持在檢色器的上方 1/5,同時也不要讓彩度的變化過大 →就可以很容易的達到如下圖這種輕輕柔柔舒舒爽爽的效果。

Photo Credit: Mike Mozart on Flickr
  • 範例

莫名其妙好像寫了不少東西,我們利用一個範例來練習一下這些漸層的變化,這個範例是由設計師 Adrian Fernandez 運用漸層做出來的瀑布效果?。

Step1. 類似色色塊

首先,我們將工作區塊分割成三個區塊,運用類似色選擇相近的顏色填滿色塊,這邊選擇的藍 →藍綠色跟作者使用的相同,練習時建議嘗試不同的顏色。搭配白色透明度色塊就可以快速的做出簡單的漸層以及立體效果,注意喔,這邊還沒有使用到任何的漸層。

Step2. 漸層製作

分別在三個區塊中運用上淺下深的概念由上往下來做出漸層,拉出畫面的層次感。

Step3. 瀑布製作

使用不同寬度的矩形(顏色選擇高明度低彩度的藍 →藍綠色,搭配透明度 50%-100% 不等的透明度)模擬出瀑布的水流。

Step4. 瀑布水流調整

為瀑度水流加上透明度漸層(除了明度彩度的變化之外再加上透明度的調整),讓畫面整體更具質感。

Step5. 實際成品

作者實際的成品在這 ,有興趣的朋友建議自行臨摹完成練習,對於漸層的運用肯定會更加的得心應手。當然,從作者的成品當中可以發現離 Step4 還有不少的細節需要調整,因為漸層中顏色細微的變化,以及每個設計者對顏色的喜好,敏銳程度,即便是臨摹的作品常常做到最後也會發現感覺完全不一樣呢。

Adrian Fernandez

三、對比色漸層變化

什麼是對比色?

在色相環當中,相對成 180 度,也就是直線兩端的顏色,即為對比色 〈又稱為補色〉。基本上製作漸層的原則都是相當類似的,但是在運用對比色搭配漸層使用時有幾個小技巧是我會特別注意的:

  1. 對比選色的彩度差異不要太大。
  2. 在選色上不一定要拘泥於剛剛好 180 度,基本上 160–200 度這個區間都可以達到相當不錯的效果。
  3. 建議畫面的配置上一個做為主色一個作為副色。
  4. 請根據類似色漸層章節中的概念來製作漸層。

對比色漸層範例

相信大家應該也發現近年來漸層在介面設計/簡報上面的運用其實都相當的普遍,像是我相當喜愛的一位泰國設計師 Tintins 跟美國的設計工作室 Awesomed 在作品中都使用了相當多的漸層元素。除此之外,我們也可以發現漸層常常可以莫名其妙地帶出一些好像很厲害的感覺,有一種把光影融入設計裡面的 Feel。對於初學者而言,利用漸層做出乾淨易用的介面是相對具難度的,日後會多拿一些工作上的使用與經驗和大家分享。底下幾組是我利用上面提到的各種技巧拉出來的對比色漸層介面:

講在後面:因為這是小弟的第一篇文章,所以廢話好像稍微多了一些 xD。沒有想到這篇文章會受到這麼多朋友/職場夥伴的推薦與分享,非常感謝各位的鼓勵與支持。有任何的問題或是希望額外新增的內容都歡迎來信或是留言告知喔。每一篇文章內容我都會持續的進行修改,加碼再加碼直到寫不出東西為止,所以不定時回來看看也許會有意想不到的東西。最後歡迎各路夥伴交個朋友(Facebook)一起分享合作,聊天打屁甚至聊聊創業喔。

本篇文章感謝設計師 Angela 的大力相助,Angela 是一位具有接案經驗(名片設計,包裝設計),介面設計以及商品行銷 Banner 設計的設計師。目前正在持續挑戰 100 Daily UI 以及尋找下一份有趣的工作中,有在尋找設計師的朋友/公司歡迎經由文末的連結直接聯絡她喔。

預告:金屬色漸層&放射狀漸層

下一篇會跟大家聊聊放射狀漸層應該要如何使用還有做一些基礎複習/練習,有時間會再談談漸層還可以有什麼特別的應用來產生不一樣的視覺效果喔。熟悉放射狀漸層的運用應該要可以輕鬆(嗎?)地做出如下圖的效果。加油!!?

▲ Egg

給消費者的一封信:每個人都值得更好的對待,PChome 24h購物擴大服務感謝每一位的堅持與信任

疫情之前 PChome 24h購物堅持成為民眾 Everyday Reliable 的存在,疫情期間和疫情之後更是如此。PChome 24h購物會努力達成我們過去所有承諾,持續提供更貼心的服務並給予社會更多正面的回饋。
評論
Photo Credit:PChome 24h購物
評論

致親愛的消費者:

自 5 月開始,台灣面臨了前所未有的疫情挑戰,我們知道,大家都很努力,雖然渴望與外界接觸,卻也盡量減少生活中的各種連結,也因為信任 PChome 24h購物,所以將維繫生活的重責大任交付予我們。而 PChome 24h購物一直以來,希望能夠成為所有人 Everyday Reliable 的存在,在這個時候更是如此。

在疫情期間肩負著聯繫消費者和外界的重責大任,PChome 24h購物從揀貨員、出貨員、物流士到客服、行銷等同仁,無不一心想讓貨品盡早送到消費者手中。然而,當台灣疫情進入第三級警戒時,許多過去未曾見過的情況突然襲來,在這個險峻的時刻,對 PChome 24h購物來說,品牌對社會的企業責任以及消費者對品牌的信任感,才是我們的使命。因此,在有限的資源與緊迫的時間下,我們在第一時間發布了無法 24 小時到貨的消息,也做出下面一連串的選擇:

讓消費者買得到的安心,商品不斷補貨並由自家倉庫出貨把關:

去年疫情剛爆發時,所引起的生活必需品搶購潮歷歷在目,因此我們堅持要讓消費者可以買得到貨、確保供貨無虞,因此訂單爆量增加,以前所未見的倍數成長。同時,為了維持一貫的品質信賴度及貨物安全,PChome 24h購物站上的商品有超過 9 成都是由自家倉庫揀貨,進行品管及消毒後再出貨,出貨量能也因此被壓縮。PChome 24h購物堅持讓消費者能根據自己的需求多樣化選購,在居家防疫生活中也能夠維持生活品質,就算單一訂單內有多樣商品,為了避免多次接觸以及讓消費者收貨便利與環保考量,我們盡量讓同一訂單的商品同一箱出貨。

PChome 24h購物倉庫進行嚴密消毒,確保商品出貨安全無虞。/Photo Credit:PChome 24h購物

同時保護員工與消費者,第一時間分流、全體員工保疫苗險、物流士接種疫苗:

PChome 是一間以人為本的公司,我們陪伴大家二十多個年頭,更視每一位員工為夥伴、視每一位消費者為家人般重要。因應第三級警戒,辦公室員工全部分流輪班。疫情期間,無論是熱區或是醫院周邊,我們仍保持配送,在疫情驟升的第一時間裡,倉儲配送便立即分艙分流,讓物流士根據所在地進行不跨區運送,降低接觸感染的風險,確保貨品與消費者的安全,出貨的動能因此受限。在 5 月時,我們也幫全體員工購買疫苗險,至今物流士們也已陸續施打疫苗,針對已接種疫苗的物流士,也提供辨識胸章佩戴在胸口上,方便員工及消費者確認身分,也更加安心。

不再打破承諾,進度透明化滾動式調整:

這段時間我們不斷滾動式調整配套措施,並研議針對物流狀態進行站上及 APP 系統優化,我們了解消費者連日等待以及對於 24h 的信任破滅所產生的焦急,不能夠讓消費者失望,因此 PChome 24h購物堅持系統優化測試以及出貨通知的準確率,也都需要達 95% 才能上線。消費者十分在意的出貨問題,我們針對塞車的訂單以 email 通知出貨天數,並安排客服專人專線處理,訂單爆量的過渡時期,更是電商唯一將網站 500 萬種商品均標記「預計出貨天數」,讓消費者下單前,可參考各商品頁面的出貨說明及預期出貨天數並依需求選購。

做出上面每一個選擇的同時,我們也深知不論選擇哪條路,都必須要付出某些代價,消費者對 PChome 的期待,讓我們持續努力推出各種功能優化及擴大服務:

結合 AI 大數據及自動化倉儲與物流,超過百萬種商品 24 小時出貨,新倉庫也將在明年啟用:

因應疫情間消費者即時的需求,我們也即時推出虛擬「PChome 便利店」,利用 AI 大數據篩選消費者真正需要的生活用品,也調撥有剩餘動能的倉庫且啟動自動化系統,並引進 AGV 無人搬運車,提升自動揀貨效率,使便利店專區商品預計一日內就可出貨,讓消費者能透過緊急採購入口,便利挑選、一站購足防疫期間所需,宅在家也能安心購物。

PChome 便利店,利用 AI 大數據篩選消費者真正需要的生活用品,搭配自動化倉庫,穩定一日內出貨。/Photo Credit:PChome 24h購物

PChome 24h購物長期與多家物流商合作,平時即依據出貨類型與時段彈性安排運能以滿足客戶需求。面對疫情的現階段,我們將持續滾動式調整倉儲、物流及客服的服務能量,並提供全台宅配不分區、不間斷的服務,包含醫院周邊也會持續定點配送,成為防疫生活的助力,目前已恢復超過百萬種商品 24 小時出貨。

接下來我們也將給予消費者更多服務,除了倉儲走向自動化,PChome 24h購物向中華郵政承租的 A7 新倉庫也將在明年啟用,作為跨境電商及物流中心,希望大幅提升倉儲運能,給予消費者更快更穩定的體驗,也協助台灣中小企業數位轉型,將 MIT 優質商品推廣至海外。

擴大消費者服務,協助產業數位轉型,生鮮、甜點專區上線:

在疫情期間,PChome 24h購物也看到消費者的需求,從各面向將服務擴大,如推出疫苗險專區,並提供貼心 Q&A 懶人包解決消費者的疑問。除此之外,也看見居家期間的自炊需求,推出 PChome 生鮮,新鮮蔬果雙北隔日送達,提供蔬菜、水果、肉品、海鮮等一站式購足服務;特別攜手新創品牌「鄰家鮮生」,推出多樣化的蔬果品項,同時集結大成、灣仔碼頭、麻膳堂等知名品牌,共同推廣優質冷凍食品,滿足各式家庭需求;也與法國世界麵包大賽冠軍及知名烘焙品牌 Funsiamo 武子靖合作推出甜點商品及居家烘焙 kit,讓消費者居家也能嘗試多元興趣,藉由做出美味的甜點,解決宅在家的憂鬱。

PChome 24h購物擴大服務推出生鮮專區,新鮮蔬果雙北隔日送達。/Photo Credit:PChome 24h購物

疫情的衝擊也讓線上線下的界線逐漸模糊,各行各業都需要找到新的生存方式,不少知名餐廳也都面臨轉型考驗,PChome 24h購物也與這些深受消費者喜愛的實體店合作,如教父牛排旗下新品 MUCHOYAKI,其著名的美國頂級肋眼牛排在線上就可買到,讓消費者宅在家也能安心享用美食,不僅促進產業轉型、品牌永續發展,也擴大服務滿足消費者的需求。

教父牛排旗下新品 MUCHOYAKI 的美國頂級肋眼牛排,現在在PChome 24h購物線上即可購得,在家就能享受名品美食。/Photo Credit:PChome 24h購物

選擇對環境也對自己好的商品,永續發展不能停,邀請你一起來做公益:

觀察到在疫情中,每個人都停下向外探索的腳步轉而更關注自身,消費者也開始選擇更好的商品與生活品質,我們也協同經濟部的社創發展計畫,推動有「ㄗㄜˊ」商行,協助社創商家數位轉型,精選出對環境、社會友善,品質也優良的商品,讓商家有責生產也讓消費者有擇消費,選擇自己想要的商品、生活及理想中的世界。有「ㄗㄜˊ」商行的收益也將捐贈營業額 17% 予家扶基金會,讓消費環境永續經營,也讓社會環境更美好。PChome 24h購物希望藉由電商優勢及經驗,協助生鮮、實體店家數位轉型,在面對如疫情等衝擊時能夠共榮共好,也提供消費者更全面的服務,同時也與政府、消費者一起努力,共同達到聯合國 SDGs 永續發展的目標。

經濟部與 PChome 24h購物聯手推動有「ㄗㄜˊ」商行計畫,幫助社創企業數位轉型,提倡永續發展,打造有選擇的未來。/Photo Credit:PChome 24h購物

最後感謝消費者,謝謝每一位你的堅持與信任,也謝謝勇敢的你自己,PChome 24h購物會持續陪伴大家,一起挺過疫情,攜手美好未來!

這段時間每一個人都辛苦了!鼓勵大家跟自己說聲:「謝謝一直那麼努力的自己」。學習與疫情共生成為這段時間的常態,為自己增添點好東西犒賞自己、迎接未來好好生活吧!PChome 24h購物於 7 月 24 日推出「愛的 24 力,謝謝勇敢的自己」主題方案,全站 84 折同時與 LINE 購物加碼回饋 5%,每月 24 日會員日也將推出會員獨享優惠,回饋給一直以來支持我們、以及一直那麼勇敢的每一位台灣人。

在疫情之前 PChome 24h購物堅持成為民眾 Everyday Reliable 的存在,疫情期間和疫情之後更是如此。PChome 24h購物會努力達成我們過去所有承諾,並持續提供更貼心的服務及給予社會更多正面的回饋以作為大家的依賴。這段時間,大家都辛苦了,謝謝大家的努力,每個人都值得被更好地對待。這一次,我們一起挺過!

本文章內容由「PChome 24h購物」提供,經關鍵評論網媒體集團廣編企劃編審。