隨著大眾對產品體驗的要求不斷提升，UIUX 設計師們也需要持續學習新的工具和技術。近年來，在眾多設計軟體中最值得關注的莫過於 Figma —— 在 2017 年只有不到 10% 使用率的 Figma，如今的使用率已經達到約 90%！今天一起來認識 Figma 是什麼、它的優缺點以及使用方式吧！ Figma 是什麼？全球排名第一的 UI 設計工具！ Figma 創辦人 ...
如果你想要架設網站，一定要了解 HTML5 網站設計技術，它不僅提供豐富的元素和功能，還支援多平台的響應式設計（RWD）。不只網頁設計師和前端工程師必須具備 HTML5 網站設計技術，行銷人員也需要了解基礎知識，才能更好地與設計師和工程師溝通。 本文將介紹 HTML5 的基本元素、常用標籤、設計要點，並在最後分享前端網頁工程師的必備技能！ HTML5 網站設計是什麼？有哪些元素？ HTML...
隨著網路與手機的普及，人們已經非常習慣與網頁、App 等數位產品互動，而在這些互動過程中，使用者操作介面設計（UI）與體驗設計（UX）便是最重要的前線功能，同時也是 UIUX 設計師們最核心的工作任務。 無論你是有意踏入這個領域，還是想進一步提升自己的技能，本篇文章將深入介紹 UIUX 設計師的工作內容、必備技能，以及他們在職場上所要具備的軟實力。 UI 設計師的工作內容、必備技能與特質介...
HTML 是進入網頁開發世界的第一步，在科技日新月異的時代，無論你是網頁開發者、設計師、數位行銷還是內容創作者，若能具備 HTML 基本知識，都能提升自我價值，獲得更好的機會！以下帶大家認識 HTML基本概念、HTML 語法與元素架構，幫助你快速建立 HTML 基礎認知！ HTML 是什麼？ HTML（HyperText Markup Language，超文字標記語言）是一種用來建立網頁的標...
💡 此篇文章建議搭配文中影片閱讀 UI/UX 設計是近幾年來大家都在關注，並且很多人爭相學習的觀念/技術，但是你知道 UI/UX 是什麼嗎？有哪些軟體可以製作 UI設計呢？如果我要跟業主溝通，應該具備什麼樣的概念、接洽流程為何？我們特別邀請孫鳴遠老師為大家講解 UI/UX 基本觀念以及UI設計常用的幾個軟體，話不多說，繼續看下去吧！ UI/UX 是什麼？快速了解基本定義與概念 UI/UX...
網頁設計教學一：版面設計技巧大公開！ 網頁就是網路世界中的櫃檯，當訪客來臨時，擁有明確、順手的版面設計，能夠幫助內容完整呈現，也能降低訪客的跳出率，因此接下來要與大家分享的網頁設計教學與延伸閱讀，是網頁設計在進入視覺設計前，需掌握的重點與一些版面設計技巧： 網頁版面設計技巧與重點 注重使用者體驗根據使用者習慣，配合不同產業特性來呈現整體網頁版面，讓網頁能夠發揮實際效益。 沿用企業識...
宅經濟崛起，想在網路上賣東西需要有平台，除了選擇現有的電商平台，架設自有網站可保有較大的彈性不受平台的規定限制，之後訂單資料和所有權皆能掌握在自己手中，接著一起來看看該如何架設網站賣東西，以及架設網站需要注意的事項。 如何架設網站賣東西？網站架設流程看這裡！ ▲選擇一個好記、好辨識的網域是架設網站的第一步。 首先先和大家說明網站架設流程介紹： 1.購買網域 我們把架設網站比喻成蓋房子...
Adobe XD簡介 說到繪圖設計軟體，許多人較熟悉的可能是 adobe 系列中的 Photoshop 以及 illustrator，但如果想成為UI/UX 設計師的讀者們，那就不能錯過本篇 Adobe XD教學分享。 Adobe XD全名為 Adobe Experience Design ，是一款設計行動裝置、網頁畫面以及 Prototype 呈現的軟體。一個好的軟體，使用者友善以及乾淨明...
網站版面設計重點有哪些？ 現在無論是在公司行號、個人品牌、電子商務的用途中，幾乎都會選擇使用網頁的方式呈現品牌的產品特色、風格、甚至是合作資訊，所以說網站在給人的第一印象可以說是十分重要的呢！ 首先網頁的架構要以何種方式呈現、以及網站版面設計都是需要先確認的，大家一定有遇過進入網站後不知道自己跑到了哪裡或是標示不清而得到不需要的資訊。一個好的網站版面設計會讓使用者清楚操作以及所在位置，優化使...
相信無論是初接觸網頁開發的同學們或是已經有經驗的網頁工程師，一定都曾經遇過「排版」這個難題！當畫面上需要整整齊齊的呈現項目，到底要怎麼開發才是最好的方法呢？本篇文章將介紹可輕易解決排版問題的 CSS3 屬性─靈活箱子「Flexbox」，透過Flexbox教學輕鬆解決排版問題！ Flexbox是什麼？ 有經驗的同學們會知道可以用 “width” 來平分元件的寬度，以此達...