UGUI基本使用與佈局(三){各項UI元件}

每個UI元件都具備的元件就是RectTransform了,Transform表示空間中點座標,RectTransform表示的就是UI元素放置在矩形空間的位置。如果RectTransform的父元素也是RectTransform,那麼RectTransform子元素也可以設定如何對應於父層矩形定位和調整大小,但UI的零組件必須存在於Canvas底下,產生階層關係方能使用,我們可以透過GameObject選單>UI 在場景上新增UI的其他元件,接下來就看看有那些吧。

ugui

繼續閱讀 “UGUI基本使用與佈局(三){各項UI元件}"

[互動設計]繪製Wireframe的要點

前一篇([互動設計]從繪製Wireframe開始到UI/UX)有提到一些繪製Wireframe的工具,雖然各家工具還是有不同特點,但依然有一個設計原則,本篇我們就以架構內容已經討論完畢的情況下,針對繪製框線圖要注意的細節來討論,前面也有提到Wireframe是技術類參考文件,目的是做溝通。因此,我們不需要花太多時間處裡視覺元素,要做的事情就專注在溝通,把需求標示清楚即可。

繼續閱讀 “[互動設計]繪製Wireframe的要點"

[互動設計]從繪製Wireframe到UI/UX前準備

Wireframe是什麼?

在開始討論Wireframe之前,我們先來定義一下Wirefram究竟是什麼;在工作流程中,通常將Wireframe當作開發前的規格文件,它的目的是用來和業主或者夥伴們溝通,這份所謂的"框線圖"就是一種技術文檔,以建築、室內設計或工業設計的角度來看就是產品藍圖,從網站或軟體應用角度看較類似使用流程圖,必須將每個畫面的使用情況、資料架構、流程都規範下來,才能方便進行之後的任務進行,讓專案開發團隊確認整個開發內容的規格,依照難易評估所需的時間,方能制定開發時程,跟客戶共享這份文件,也較能獲得信賴,以及保障開發者的工作項目內容。

繼續閱讀 “[互動設計]從繪製Wireframe到UI/UX前準備"