iT邦幫忙

網頁設計相關文章
共有 840 則文章
鐵人賽 Modern Web DAY 13

技術 【Day 13】UI/UX 設計師的「設計參考」整理方法!

昨天分享的是「網站收集頁」,主要用途在於大範圍的尋找視覺參考網站。當一個客戶有指定風格,或是老闆認為該客戶的產業性質,也許更適合走某種設計風格時,我們也會整理出...

鐵人賽 Modern Web DAY 12

達標好文 技術 【Day 12】網頁設計師的靈感來源,私藏的10個網站收集頁分享!

當一個新的案子進來洽談時,我們通常會在評估階段,先按照客戶的「產業」和「需求」找一些相應或適合的視覺風格網站。 除了公司本身的作品案例外,也會蒐集一些客戶 /...

鐵人賽 自我挑戰組 DAY 8

技術 【Day 08】原子設計:常見元件 ( Buttons 按鈕 + States 物件狀態 )

在繪製設計精稿 ( Mockup ) 之前,先了解原子設計的五大階段,對於後續的溝通與產品建構,會更有幫助!Atomic Design 五大階段:原子 ( At...

鐵人賽 自我挑戰組 DAY 7

技術 【Day 07】設計流程:繪製 Mockup 設計精稿之前 ( 網格系統+原子設計 )

本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...

鐵人賽 自我挑戰組 DAY 5

技術 【Day 05】設計流程 (四):Wireframe 線框圖稿

IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wireframe 線框圖稿 本篇重...

鐵人賽 自我挑戰組 DAY 4

技術 【Day 04】設計流程 (三):Logic Flow 操作邏輯流程

正式進入繪製之前的四個階段:IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...

鐵人賽 Modern Web DAY 4

技術 【Day 4】網頁設計入門:基礎 HTML、CSS 線上課程推薦

昨天分享的教學是以文章資源為主,好處是一目了然,所有大綱和分類都可以快速尋找。但文字看久難免會想睡呀! 學習時搭配一些互動式影片教學,可以幫助吸收和複習,一步一...

鐵人賽 Modern Web DAY 18

技術 【D18 - 用Vue實作網頁】做出一個美美的部落格

今天會用到之前所有的所學~ 如果還沒跟上進度的話建議你要先看之前的 (標題有用vue實作網頁),或是到我的 github 上面去看code! 前言 我們前三...

鐵人賽 自我挑戰組 DAY 4

技術 【第 4 個第一次】RWD 與 AWD 的粗淺分析

Day 4 - 客戶說:欸我看網路上有 AWD,那跟 RWD 有什麼實質差別呢? 晴天霹靂,一直都只有聽過 RWD,至少還答得出 2-3 句,AWD 這個實在...

鐵人賽 Modern Web DAY 2

技術 【Day 2】首先,什麼是HTML?什麼是CSS?

記得剛開始接觸程式時,看到那些密密麻麻的程式碼,就像看到無字天書一樣,好多小螞蟻在爬呀爬......。゚(゚´ω`゚)゚。 和它認識久了之後,發現其實沒有想像中...

鐵人賽 自我挑戰組 DAY 3

技術 【第 3 個第一次】 OMG !! jpg/ jpeg / png / svg / gif 的粗略差別.....

Day 3 - 自家設計師: 請客戶提供 SVG 好嗎? 自家工程師: 圖片格式要開哪幾種? jpg/ jpeg / png ,那 gif 呢??????? 第...

鐵人賽 Modern Web DAY 1

達標好文 技術 【Day 1】平面轉型後的今天,為何選擇網頁設計?

大家好,我是GG!目前是一名網頁設計師,之前擔任平面設計,後來嘗試轉型成網頁設計至今已滿三年。三年的時間說長不長,說短不短,倒是在這段上班兼學習的期間,體會到平...

鐵人賽 自我挑戰組 DAY 2

技術 [Elementor 教學 02] - Elementor 頁面編輯器是什麼?

世界領先的 WordPress 網站架設工具! 齊來加入 超過 500 萬個專業人士和活躍用戶推薦的頁面編輯器 - Elementor Elementor...

鐵人賽 自我挑戰組 DAY 1

技術 [Elementor 教學 01] - 課程簡介和目錄導覽

大家好,我是 WordPress 網站迷谷 的 Mack Chan,這次簡單地為大家介紹一套在 WordPress 生態中非常有名的 Elementor 外...

技術 [BS4]設計師在視覺階段要怎麼套用Bootstrap網格系統?-1

前言 我是平面設計出身的,隨著網路時代的發展,漸漸的從平面轉數位廣告視覺甚至網頁視覺設計。 身為一個設計師,我一直很希望我設計的東西能夠讓前端工程師能切得更順利...

技術 這類的JS特效需要找什麼關鍵字?

先謝過各位大大,小的是JS新手,因為非本科系又沒去外面上課現在寫網頁東卡西卡,有很多特效是主管看了就說他也要,但是我做不出來QQ想找codepen但不知道關鍵字...

鐵人賽 Modern Web DAY 28
ML X 友廷等公車 系列 第 28

技術 Day 28 AAA 生日快樂/ *F12 console

網頁設計的發展/檢視自己的設計/有沒有/走在時代的尖端 簡單的設計 : 純文字模式於 1990/12/20 誕生,1991/8/6 對外開放 Flash - 互...

鐵人賽 自我挑戰組 DAY 5

技術 Day5 切版任務(一):基本框架

本文同步同步發佈於斜槓女指部落格:切版任務(一):基本框架 採用設計:設計師Miss_Y的旅館預約服務設計稿 這次時光屋九週挑戰大部分的設計師都是採用...

鐵人賽 Modern Web DAY 1

技術 關於這次 30 天的日更「用 Adobe Xd 進行 UI 使用者介面設計」系列

關於作者 嗨囉,我是 Riven。數位遊牧型態的設計師;喜歡在社群上分享設計上的觀察與技巧,撰寫的文章在 Medium 上被選為 #Desgin 領域 Top...

技術 不同創意的碰撞——創意社群

Freehunter是一個能提供工作/ 合作機會給各位創作者的社群(類似創作者的LinkedIn),在這裡您可以聯絡其他的用戶進行交流溝通,甚至是和來自香港與台...

技術 WooCommerce 3.6 改版 - 首次出現 Gutenberg 產品區塊

WooCommerce 3.6.2 正式發佈建議在未了解更新風險前,應該先到官方論壇或各社團,了解清楚可能會帶來的潛在問題。 原文:WooCommerce...

技術 如何在你的瀏覽器找出Google Analytics 使用者Client ID

在做GA數據分析時我們會看到一個使用者多層檢視,那我們要如何對客戶ID的數據做分析呢? 我們在GA儀表板裡的目標對象會看到一個使用者多層檢視,裡面會有一個客戶I...

鐵人賽 Modern Web DAY 30

技術 Day30 - 記憶方塊篇:難度控制 & 完賽感言

難度控制 在 Day22 我們有提到,隨著過了越多關,關卡會越來越難。我們這邊要讓題目變難的方法有兩個方向,第一個是題目會越來越長,光是這樣還不夠,而且我還希望...

鐵人賽 Modern Web DAY 29

技術 Day29 - 記憶方塊篇:遊戲關卡控制

前情提要 昨天我們做了下列這些功能 可以產生題目 generateLevelData() 可以循序播放題目音訊 playLevelSound(levelDat...

鐵人賽 Modern Web DAY 30
前端「設計」聖光之路 系列 第 30

達標好文 技術 設計的過去、現在、未來

「這張圖幫我美工一下」,讓工作中的設計師聽在耳裡非常的不爽,當下正想立即回嘴:「你才美工,你全家都美工!」才發現說話的是老闆。 過去,許多設計師非常討厭這句話...

鐵人賽 Modern Web DAY 28

技術 Day28 - 記憶方塊篇:音樂播放及對錯判斷

記憶方塊是結合視覺和聽覺的記憶遊戲,今天我們要來做音樂的播放以及對錯的判斷。 產生題目 首先,我們要來產生題目並且播放題目,記得在 Day22 的時候我們有說明...

鐵人賽 Modern Web DAY 29
前端「設計」聖光之路 系列 第 29

技術 平面設計師轉設計前端的經驗分享

一開始的文章有提到,我原本也是從事設計,出社會以後開始轉往開發者。學習到目前也能開發到後端(還不會提到是全端工程師,畢竟術業有專攻),學開發觀念與過去學習設計有...

鐵人賽 Modern Web DAY 28
前端「設計」聖光之路 系列 第 28

技術 設計「素材」資源

做設計總少不了一些圖庫當資源,圖庫資源在網路上非常多,無論免費、付費都可以找到不少,但是設計師在執行時,通常只會挑用一些偏好使用的站點來運用,以下介紹我在開發時...

鐵人賽 Modern Web DAY 27

技術 Day27 - 記憶方塊篇:開始遊戲

禁止自動播放 開始遊戲的時候有一個開始按鈕,一方面可以提示玩家遊戲開始,讓玩家做好準備再開始遊戲。另一方面,由於我們遊戲的一開始就需要播放音樂,但是在2018年...

鐵人賽 Modern Web DAY 27
前端「設計」聖光之路 系列 第 27

技術 設計「參考」資源

開始執行設計時,除了要明確了解目標外,另一重點則是需要大量的想法及設計參考,假設需要製作遊戲類型的網站,那麼就需要先了解該類型的風格、配色、變化性等等,缺少這些...