iT邦幫忙

介面設計相關文章
共有 23 則文章
鐵人賽 自我挑戰組 DAY 4

技術 004 淺談介面設計工具

工具是用來解決問題的!所有的產品、作品、工具、服務都是時下的產物。以UI設計來說,現在進入快速迭代設計的型態,跟幾年前的設計流程以及需求有大大的不同。 不過因為...

鐵人賽 Mobile Development DAY 5

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 05】

大家好,我是YIYI,今天我要來介紹Whimsical。 關於Whimsical 在介紹如何使用前,先來說一下Whimsical是甚麼~Whimsical是一個...

鐵人賽 Mobile Development DAY 10

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 10】

大家好,我是YIYI,今天我要來介紹MARVEL APP。 MARVEL APP是甚麼 MARVEL APP是一款能夠讓設計師在不需要寫任何的程式的情況下讓AP...

鐵人賽 Mobile Development DAY 1

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 01】

大家好,我是YIYI,今天是我開始鐵人賽的第一天。請大家多多指教! 為什麼會想自己製作APP? 會想製作這個主題是因為,行動裝置應用程式(APP)在現在人手一機...

鐵人賽 Mobile Development DAY 2

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 02】

大家好,我是YIYI,今天我想先來介紹我想製作的APP。 我想製作的APP 相信很多女生都有使用過紀錄月經的APP,使用這個就可以預測自己下次大姨媽什麼時候會來...

鐵人賽 Mobile Development DAY 24

技術 Day 24 - [Android APP] 02-界面設計

昨天講完架構面,今天不那麼技術,來講界面設計。 畫面設計上由於介面是設計給長者使用,因此字型較大。 首頁,使用者可以先選擇要問哪類問題。點選後進入對話頁面。...

鐵人賽 Modern Web DAY 1
30天UIUX自學之路 系列 第 1

技術 Day 01 30天UIUX自學之路-前言

前言 大家好!我是Dolly,今年第一次參加IThome鐵人賽,大學的背景是資管系,在學期間也輔系設計系,與UIUX的初次接觸是在學校的兩門課上: 第一次是大學...

鐵人賽 Mobile Development DAY 8

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 08】

大家好,我是YIYI,今天我要製作APP登入後的介面。 先製作登入後介面的原因 因為我畫的封面一直達不到我想要的感覺,於是決定先做裡面,後面再來做封面~ HOM...

鐵人賽 Mobile Development DAY 3

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 03】

大家好,我是YIYI,今天我要來介紹規格表。 關於規格表 規格表可以幫助大家快速地了解到你所想製作的APP有著什麼樣的特色、解決了甚麼問題、或是比起同類型APP...

鐵人賽 Mobile Development DAY 6

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 06】

大家好,我是YIYI,今天要來聊聊我想製作的APP的規格表。 動機與目的 如同【DAY 02】所說,我想製作的是一款多功能的小日曆。因為目前GOOGLE PLA...

鐵人賽 Mobile Development DAY 4

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 04】

大家好,我是YIYI,今天我要來和大家聊聊為什麼需要規格表簡介架構圖。 為什麼需要規格表? 規格表就像是在讀書時所制定的讀書計畫表,也就是規劃未來要做的事情。有...

鐵人賽 Mobile Development DAY 9

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 09】

大家好,我是YIYI,今天我要來製作左上角點開的清單以及點開右上角相機後的頁面。 清單LIST 考慮到這款APP的功能多樣化,所有的Icon都必須是讓人一眼就知...

鐵人賽 Mobile Development DAY 7

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 07】

大家好,我是YIYI,今天要開始用Whimsical畫架構圖了~ 進入Whimsical 先透過【DAY5】給大家的Whimsical網址進入網站的畫面。點【S...

鐵人賽 Mobile Development DAY 9

技術 [ReFlo : Day 8] 了解Flo的設計原則(ㄧ)之前的介面改版

今天來了解Flo在介面上不同功能的設計原則與之前的改版設計,如果提出的重新規劃不能沿襲之前訂定的設計原則,會讓整個app變得更加模糊、混亂,而且鐵人賽目前是我自...

鐵人賽 Mobile Development DAY 13

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 13】

大家好,我是YIYI,今天要來公開設計好的封面,還有修正、增加一些前面沒想到的東西。 APP一點開的介面 底色一樣使用前面設定好的App底色,字使用E8B6A5...

鐵人賽 Mobile Development DAY 12

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 12】

大家好,我是YIYI,今天我要來製作HOMEPAGE中MONTH與TODAY的切換以及右下角的加號點擊後的畫面。 HOMEPAGE的切換 在HOMEPAGE的設...

鐵人賽 Mobile Development DAY 17

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 17】

大家好,我是YIYI,今天我要來製作記帳和報表的頁面。 記帳頁面 和製作前面的頁面一樣,先將BACKGROUND放入WHIMSICAL中,並拉ICON到手機框裡...

鐵人賽 Mobile Development DAY 14

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 14】

大家好,我是YIYI,今天我要來製作日記部分的介面。 如何進入日記頁面? 日記的部分是點選像是筆的icon來進入畫面,分別有三個地方可以進入這個頁面。第一個是H...

鐵人賽 Mobile Development DAY 15

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 15】

大家好,我是YIYI,今天我要來製作日記-LIST以及個人資料頁面。 日記LIST 日記LIST是在昨天製作的日記頁面的基礎上增加LIST的頁面。製作完成後如下...

鐵人賽 Mobile Development DAY 21

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 21】

大家好,我是YIYI,今天我要來製做設定頁面。 從哪裡可以進入設定頁面呢? 點擊LIST的設定~如下圖 設定頁面 這邊我設計的上一頁是預設跳回HOMEPAGE,...

鐵人賽 Mobile Development DAY 11

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 11】

大家好,我是YIYI,今天我要利用MARVEL將前面三個介面做出連結。 製作介面連結 首先,先進入昨天的介面,並且將滑鼠放在HOMEPAGE的頁面上,就會看到P...

鐵人賽 Mobile Development DAY 16

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 16】

大家好,我是YIYI,今天我要來製作到目前為止所有頁面放入MARVEL APP做DEMO。 進入MARVELAPP 首先,進入登入好的APP頁面,將所有頁面放入...

鐵人賽 Mobile Development DAY 4

技術 Basic30天學會行動App-第4章.實作App

第4章: 實作簡單的計算機App 介面設計 本章與第1章計算機最大的差異即是使用Designer設計,實作一個簡單的計算機應用程式,並透過此專案來學習如何設計介...