6個網頁設計靈感來源分享 - 歐斯瑞

文章推薦指數: 80 %
投票人數:10人

打造一個品牌,在視覺上給人的形象與感覺是很重要的,是使用者第一眼對網站的印象。

網站顏色搭配、Logo 顏色挑選在這篇文章分享網頁設計靈感參考網站。

RecentPosts 官方認證!歐斯瑞成為頂尖商務套件公司Amasty合作夥伴 Photoshop【入門】增效模組 Magento2商業版實用功能教學–排程更新 Magento2促銷功能小技巧–簡化多SKU輸入步驟 Magento2商業版實用功能教學–禮物登記表GiftRegistries 文章分類 Shopify Magento Magento2開源版 Magento2商業版 電子商務 Zendesk Mailchimp Akeneo PIM Oracle 網站技術與設計 Adobe教學 前端開發 後端開發 網站測試 Wordpress 行銷與實用好文 最新動向 文章彙整文章彙整 SelectMonth July2022 (3) June2022 (2) May2022 (7) April2022 (5) March2022 (12) February2022 (4) January2022 (1) December2021 (6) November2021 (1) October2021 (7) September2021 (7) August2021 (11) July2021 (7) June2021 (14) May2021 (11) April2021 (6) March2021 (6) February2021 (12) January2021 (8) December2020 (13) November2020 (7) October2020 (15) September2020 (7) August2020 (14) July2020 (2) June2020 (17) May2020 (14) April2020 (17) March2020 (21) February2020 (4) January2020 (2) December2019 (4) November2019 (3) October2019 (7) September2019 (11) August2019 (13) July2019 (2) June2019 (10) May2019 (14) April2019 (11) March2019 (8) February2019 (9) January2019 (14) December2018 (16) November2018 (20) October2018 (22) September2018 (30) August2018 (22) July2018 (36) June2018 (24) May2018 (21) April2018 (12) March2018 (32) February2018 (15) January2018 (15) December2017 (39) November2017 (15) October2017 (13) September2017 (13) August2017 (14) July2017 (4) June2017 (16) May2017 (15) April2017 (9) March2017 (7) February2017 (6) January2017 (12) December2016 (14) November2016 (6) October2016 (12) September2016 (11) August2016 (18) July2016 (12) June2016 (16) May2016 (9) April2016 (10) March2016 (15) February2016 (14) January2016 (18) December2015 (21) November2015 (32) October2015 (24) September2015 (28) August2015 (25) July2015 (26) June2015 (23) May2015 (15) April2015 (18) March2015 (16) February2015 (21) January2015 (17) December2014 (22) November2014 (20) October2014 (15) September2014 (13) August2014 (11) July2014 (12) June2014 (9) May2014 (10) April2014 (11) March2014 (6) January2014 (1) November2013 (5) October2013 (2) 關於歐斯瑞 Back 工作機會 Magento Back Magento解決方案 Back Magento服務 MagentoOpenSource MagentoCommerce MagentoCommerceCloud MagentoOMS MagentoXMiraklB2B2C商城 MagentoforB2B/B2E Magento內部系統串接 Back ERP管理系統整合  PIM商品管理系統整合 POS系統整合 CRM客戶管理系統整合 Magento外部系統串接 Back 各國金流系統 第三方客服系統 Magento健檢中心 Back Magento1升級Magento2 Magento維運服務 MagentoforHeadless&PWA Back MagentoforHeadless&PWA Shopify 企業電商顧問 Back 電商轉換率分析CRO 網站速度優化 AWS主機伺服器建置維運服務 成功經驗 Back 客戶成功案例 客戶回饋 新知分享 Back Magento Shopify 聯絡我們 6個網頁設計靈感來源分享ByAstralWeb4yearsagoNoComments首頁 / 網站技術與設計 / 6個網頁設計靈感來源分享 網頁技術日新月異,消費者拜訪網站時,除了網頁的功用,視覺影響使用者購物決策的比重增加,持續追蹤網頁設計趨勢成為我們工作的一部份。

打造一個品牌,在視覺上給人的形象與感覺是很重要的,是使用者第一眼對網站的印象,也是去建立信任感、讓消費者對品牌產生長期支持的重要關鍵。

既然如此,網站顏色搭配、Logo顏色挑選是否恰當呢?   這篇文章分享6個網頁設計靈感參考網站,讓我們在設計網頁時獲得更多靈感,設計出更能抓住使用者眼球的好網站。

  Logo設計 logomoose  Logomoose展示許多設計師的靈感與設計理念,網頁佈局簡潔,方便使用者進行瀏覽。

延伸閱讀:好的商標設計應該包含什麼元素? 網頁色彩搭配 DesignSeeds             網路上其實有很多實用的配色網站,特別介紹DesignSeeds的原因是它能夠針對一張照片,抓取所有的環境配色。

利用具有質感的自然照,找出和諧的色調用以激發配色時的靈感,這尤其對想要呈現一體成型的網頁更具有參考價值。

  ColorHunt  ColorHunt的功能就如同網站名稱,狩獵來自世界各地的創意配色,這跟其他配色網站不同的地方即是網站內所有的色票都是經過許多人投票和喜好來決定排名,可以非常簡單地看出目前或某一時期最受歡迎的配色樣式,進而作為參考。

  漸層配色 webgradients  WebGradients是一個收錄180個線性漸變背景免費集合的網站,我們從裡面挑選喜歡的漸層背景,每個背景顏色都有名稱、色碼及預覽圖。

點擊CopyCSS,WebGradients立即自動產生漸層圖案的CSS樣式並複製到剪貼簿,我們只要簡單套用的網站的CSS樣式表即可!   網頁設計參考 Awwwards  Awwwards是一個內容豐富且十分知名的網頁設計線上評分平台,會邀請來自世界各地專業的設計師們組成評審團,對網站作品進行共同評分,因此經過評分的網站設計是相當具有參考價值的。

延伸閱讀:網頁設計的開始,版面設計–把消費者的視線留在你的核心內容   webdesignclip 日本一家專門搜集響應式網頁設計案例的網站,整體風格非常工整,而且日語文字與中文相似,在排版上也很有參考價值。

網頁設計【認知篇】:網頁美工、設計師如何協助SEO搜尋引擎優化?   以上介紹6個與設計網站相關的平台,希望能幫助大家在靈感遇到瓶頸或需要更多資源激發創造力時,能即時得到方向!   延伸閱讀:網頁設計教學:【概念篇】台灣網頁常用的字型     RecentPosts 官方認證!歐斯瑞成為頂尖商務套件公司Amasty合作夥伴 Photoshop【入門】增效模組 Magento2商業版實用功能教學–排程更新 Magento2促銷功能小技巧–簡化多SKU輸入步驟 Magento2商業版實用功能教學–禮物登記表GiftRegistries 文章分類 Shopify Magento Magento2開源版 Magento2商業版 電子商務 Zendesk Mailchimp Akeneo PIM Oracle 網站技術與設計 Adobe教學 前端開發 後端開發 網站測試 Wordpress 行銷與實用好文 最新動向 文章彙整文章彙整 SelectMonth July2022 (3) June2022 (2) May2022 (7) April2022 (5) March2022 (12) February2022 (4) January2022 (1) December2021 (6) November2021 (1) October2021 (7) September2021 (7) August2021 (11) July2021 (7) June2021 (14) May2021 (11) April2021 (6) March2021 (6) February2021 (12) January2021 (8) December2020 (13) November2020 (7) October2020 (15) September2020 (7) August2020 (14) July2020 (2) June2020 (17) May2020 (14) April2020 (17) March2020 (21) February2020 (4) January2020 (2) December2019 (4) November2019 (3) October2019 (7) September2019 (11) August2019 (13) July2019 (2) June2019 (10) May2019 (14) April2019 (11) March2019 (8) February2019 (9) January2019 (14) December2018 (16) November2018 (20) October2018 (22) September2018 (30) August2018 (22) July2018 (36) June2018 (24) May2018 (21) April2018 (12) March2018 (32) February2018 (15) January2018 (15) December2017 (39) November2017 (15) October2017 (13) September2017 (13) August2017 (14) July2017 (4) June2017 (16) May2017 (15) April2017 (9) March2017 (7) February2017 (6) January2017 (12) December2016 (14) November2016 (6) October2016 (12) September2016 (11) August2016 (18) July2016 (12) June2016 (16) May2016 (9) April2016 (10) March2016 (15) February2016 (14) January2016 (18) December2015 (21) November2015 (32) October2015 (24) September2015 (28) August2015 (25) July2015 (26) June2015 (23) May2015 (15) April2015 (18) March2015 (16) February2015 (21) January2015 (17) December2014 (22) November2014 (20) October2014 (15) September2014 (13) August2014 (11) July2014 (12) June2014 (9) May2014 (10) April2014 (11) March2014 (6) January2014 (1) November2013 (5) October2013 (2)  10000 歐斯瑞-一個對網路世界充滿熱情的團隊 歐斯瑞提供免費電商知識,並協助各大類型之企業 電商諮詢建置與 Magento和 Shopify相關的電商專案。

立即聯繫我們 上一篇文章聊點硬核的-CDN對我的網路店頭有甚麼幫助?(上)下一篇文章Github的branch權限設定–Requiredpullrequestreviewsbeforemerging推薦文章Photoshop【入門】增效模組2022-07-25 0前端開發:使用@supports來檢查瀏覽器支援性2022-05-26 0前端開發:解決sliderjs垂直滑動時出現的高度問題2022-05-24 0Magento2開發–設置排程群組2022-05-20 0Category:  網站技術與設計Tags:  網站技術與設計 留下回應取消回覆 你的電子郵件地址不會被公開.姓名* 電子郵件* 網站 維運服務



請為這篇文章評分?