【Unity道場】モダンなUIの提案と実装前編

by unitydojo

Slide 1

Slide 1 text

ِصذ؍٥ذؙظٗآ٦ؤ٥آٍػٝ 寑ㄤ歊剣鰊 ٌتٝז6*ך䲿周ה㹋鄲⵸箟 2016.4.28

Slide 2

Slide 2 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN 僴➙ך6*歲꥔ד饯ֹג׷ֿה ؿٓحزرؠ؎ٝז׷׮ךך〴걧 ˖ 䎃剢"QQMFJ04דِ٦ؠ٦؎ٝة٦ؿؑ؎أך♧倜 ˖ 䎃剢(PPHMFوذٔ،ٕرؠ؎ٝך涪邌 ˖ ⟃꣬ծؿٓحزזرؠ؎ָٝ⚺崧ח 㢳圫⻉ׅ׷فٓحزؿؓ٦يה׉׸׵פך㼎䘔 ˖ ٌغ؎ٕ"OESPJEծJ1IPOFծぐ珏ةـٖحز畭劣 ˖ 1$8JOEPXTծ.BD ˖ ؝ٝا٦ٕع٦س14ծ9CPY0OFծ8JJ6ծ%4ծ147JUB ˖ ׉ך➭73ծ*P5 ٙ٦ؙؿٗ٦荈⡤ך㢌⻉ ˖ UI欽ٓؾحسفٗزة؎ؾؚٝخ٦ٕכ蔃渿׶ ˖ *O7JTJPO .BSWFM 101 1SPUU 1JYBUF "EPCF&YQFSJFODF%FTJHO 'BDFCPPL0SJHBNJ

Slide 3

Slide 3 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN 僴➙ך6*歲꥔ד饯ֹג׷ֿה ְ׏שֲ䧮׵ָ6OJUZ鮩 • 2015೥ uGUIͷਖ਼ࣜϦϦʔε • ΋͏ʮUI੍࡞͸Πέͯͳ͍ʯʮNGUIཔΓʯͱ͸ݴΘͤͳ͍ʢ͸ͣʣ 鹌׿דְֻ㼔Ꟍ䚍 ˖ 䪮遭涸ז㼔Ꟍ䚍 ˖ ،٦زٙ٦ؙ׾⡲׷♳דך㼔Ꟍ䚍 ˖ ״ֻ羭חׅ׷״ֲחז׏׋閯ך鎉衝أُؗ٦ٌؚٓؿ؍حؙծ荈䊹㔐䌓䚍ծ魦⡤䚍ծ鷲僇䚍˘ ˖ 傊勻ך״ֲחفٓٝش٦ָ鏣鎘׃גծ،٦ذ؍أزָ،٦زٙ٦ؙ׾⡲׶ծؒٝآص،ָ㹋鄲ׅ׷崧׸דְְ ך׫׋ְז鑧

Slide 4

Slide 4 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN 䪮遭ָ㢌׻׸ל،٦زٙ٦ؙ׮㢌׻׷ ˖ EQJך갦խؽحزوحفؿؓٝز♧䫛铣׫װְׅؿؓٝزכ橆㞮如痥 ˖ EQJխ،ٝثؒ؎ٔ،أכ♧菙⻉׃׋ָծ֮׷玎䏝ךؐؑ؎زה9IFJHIU׾䭯א׮ךָ⚺崧 ˖ EQJխװ׏ם♧菙涸ז秵꬗ד铣׫װְׅؿؓٝزְְָ״י ABCDEFGH abcdefgh ABCDEFGH abcdefgh "#$%&'()BCDEFGHI 9IFJHIU

Slide 5

Slide 5 text

Slide 6

Slide 6 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ׉׮׉׮؎ٝة٦ؿؑ؎أ׏ג⡦ ˖ 剑׮鵚ְ鎉衝כչ㞮歲պչ歲꬗պ ˖ ⦐➂涸חכչ֮׏׍ך⚅歲הֿ׏׍ך⚅歲׾אזּ׮ךպהְֲ椚鍑 קר缺鏬♶〳腉 1$׾⢪ֲךד֮׸לծ؎ٝة٦ؿؑ؎أך㶷㖈כ♶〳妀 ˖ չ؝ٝؾُ٦ةպהչ➂꟦պכⰋֻ殯颵ז׮ך ˖ ⹛⸂ָ麩ֲկ鏣鎘䙼䟝ָ麩ֲկ䖤䠐ⴓꅿָ麩ֲ ˖ ׬׃׹Ⱏ鸐挿׾鋅אֽ׷倯ָ㔭ꨇ ˖ ״׏גծ䩛׾《׶さֲ׋׭ך䩛媮ָ䗳銲 ˖ ׉׸ָ؎ٝة٦ؿؑ؎أ

Slide 7

Slide 7 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ꟦ח֮׷ךכאך؎ٝة٦ؿؑ؎أ ˖ 䎢纏דך؎ٝة٦ؿؑ؎أ ˖ ♧菙涸חכؗ٦ن٦سծوؐأծزٓحؙػحسծةحثػطٕזוع٦سؐؑ،׾䭷ֿׅהָ㢳ְ ˖ اؿزؐؑ،דכ䩛⳿׃ָדֹזְ걄㚖 ؼُ٦وٝ؎ٝة٦ؿؑ؎أ ؚٓؿ؍ِٕؕ٦ؠ٦؎ٝة٦ؿؑ؎أ ˖ 歗꬗♳ח邌爙ׁ׸גְ׷׮ך ˖ ְ׻ײ׷(6*

Slide 8

Slide 8 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ؎ٝة٦ؿؑ؎أך椚䟝 رؠ؎ٝך〢Ⱙ涸せ衼չ铩ך׋׭ךرؠ؎ٝպך갦ַ׵ךزؾحؙ ِ٦ؠ٦ָ鶳׻זְծ椚䟝涸ז؎ٝة٦ؿؑ؎أך勴⟝כא ˖ ؼُ٦وٝ؎ٝة٦ؿؑ؎أהِ٦ؠ٦؎ٝة٦ؿؑ؎أָ♧荜׃גְ׷ ˖ 姻׃ְ،ؿؓ٦تٝأך鏣鎘ָׁ׸גְ׷ 麣Ⱗ׾ֲתֻ⢪ִזַ׏׋׵ծ׉׸כ麣Ⱗךرؠ؎ָٝ䝤ְְׇկ رؠ؎ٝכ׉׮׉׮չ㉏겗׾鍑寸ׅ׷պהְֲ䠐㄂կ ㉏겗ָ鍑寸ׁ׸גזְ儗挿ד麣Ⱗָ䝤ְה鎉ִ׷կ ⢪ְחְֻךכ֮ז׋ךְׇד׮猘ךְׇד׮זְկ 馄銲秈

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN 穠卓וֲז׏׋ךַ ˖ 歗꬗ח䩛׾瑱׏鴥׿ד湫䱸乼⡲ׅ׷ ˖ 歗꬗׾ז׊׏׋׶ؾٝثؤ٦ي׃ג荈歋ח⹛ַׅةحثرغ؎أ ˖ وؐأח״׷سٓحؚװؙٔحؙծم؎٦ٕד؝ٝزٗ٦ٕׅ׷وؐأ ˖ نةٝװؗ٦ד乼⡲ׅ׷ؗ٦ن٦س乼⡲ ˖ 䬄韋⻉׾䮠׬׀החծِ٦ؠ٦؎ٝة٦ؿؑ؎أהؼُ٦وٝ؎ٝة٦ؿؑ؎أח䊴ָ欰ׄծ湫䠬䚍ָ♴ָ׷ ˖ ְ׻לِ٦ؠ٦ך椚鍑׃ג׮׵ֲ׋׭ך➬䱦ָֽ䗳銲חז׷կ ˖ ׁ׵ח统擾ח儗꟦ַַָ׷״ֲחז׷ 䬄韋䏝ָ♳ָ׸ל♳ָ׷קוծז׿׵ַך䊨㣗ָ䗳銲חז׷הְֲ鑧 ׃ַ׃ծ欰欵⸬桦׾♳־׷׋׭ծִ֮ג䬄韋䏝׾♳־׷ֿה׮״ֻ֮׷ֿה 䬄韋ך帾⻉

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ؜٦يך稱➜ ˖ 碛ء،زٕך$BNPVGMBK爡ָⵖ⡲׃׋أذٕأ٥،ؙءّٝ؜٦ي ˖ J04ծ"OESPJEծ1$.BD 4UFBN ծ14ד㾜Ꟛ ˖ 14晛ד״ֲװֻ傈劤铂ד׮麇ץ׷״ֲח ˖ فٗآؙؑز䖓⼱כծفٓحزؿؓ٦ي׀הך䊴׾וְֲ׏׋䕎ד 㙵׭׷ַָ剑㣐ך铬겗׌׏׋կ ˖ فٖ؎َ٦כ0NOJ7JFXהㄎל׸׷عحٌؚؗٝ٦سחⴖ׶剏ִגծ 湊鋔ًؕٓ׾⛦׏《׏ג圫ղזرغ؎أ׾عحؙ׃גծ㼰㥍׾⳿〡ח 㼪ֻ䕵ⶴ׾䬐׏גְ׷կ

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ةحثرغ؎أך暴䚍ח㼎ׅ׷椚鍑䏝ָ駈׶גזַ׏׋ وؐأؕ٦إח֮׏גծةحثرغ؎أחכזְ׮ך ׉׃גֲֿז׷ ˖ ةحف〳腉ד֮׷ֿהָ⠗׻׵זְ ˖ نةٝדזְהֿ׹׾䒀ղةحفׁ׸ג׃תֲ ؔٝوؐأؿ؍٦سغحؙ ؕ٦إؼٝذ؍ؚٝ ؕ٦إָ⛦׷ה葿װ䕎ָ㢌׻׷٥⯔׷הַ ؕ٦إ荈⡤ך䕎朐ָ㢌׻׷

Slide 27

Slide 27 text

Slide 28

Slide 28 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN չؙٔحؙדֹ׷պֿה׾⠗ִחכ ˖ 暟椚涸זنةٝ׾垷׃׋䕎חׅ׷ֿה״׶ծنةٝה׃ג䮶׷莸ֲֿה׾ِ٦ؠ٦ח⠗ִ׷կ ˖ ًةؿ؋٦כծ倜׃ְ؎ٝة٦ؿؑ؎أ橆㞮ך钰欰儗חכהג׮剣⸬ז،فٗ٦ث ؚٓؿ؍حؙה׃גךًةؿ؋٦鋅甧ג׾⢪ֲ ˖ ׉׮׉׮1$כًةؿ؋٦ך㿊ך״ֲז㶷㖈 ˖ ؕ٦إ䭷⯓رأؙزحف劻♳ؿٕؓتؿٕؓت؞ى盲嶊⿠

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ֿֿתדךתה׭ ˖ خ٦ٕך椚䟝כչؼُ٦وٝ؎ٝة٦ؿؑ؎أպչِ٦ؠ٦؎ٝة٦ؿؑ؎أպָ鵚ְ׮ךկ ˖ ֮׷ְכ籬ָ׶ָ帾ְ׮ך ˖ ⢽ִל䊨Ⱗך״ֲחչ鋅׋湡պַ׵չ堣腉պָ㺁僒ח䟝⫷דֹ׷׮ךկ ˖ ׃ַ׃ծرآةٕ醡ㅷך㢳ֻכ׉׸ָꨇ׃ְ׋׭ח䬄韋⻉ָ遤ז׻׸גְ׷կ ˖ 䬄韋⻉ח״׷椚鍑䏝ך⡚♴כًةؿ؋٦ח״׏ג酡ֲկ ˖ ֮׷ְכٗ٦ٌٕرٕ׾䲿爙׃ג椚鍑ך駈ַָ׶חׅ׷կ ˖ ֿ׸ח״׶ծ姻׃ְًٝةٌٕرٕ׾ِ٦ؠ٦ח䲽ְג׮׵ְծ麣Ⱗ׾椚鍑׃ג׮׵ֲկ ˖ ،ؙءّٝ،؎؝ٝ׫׋ְז倯岀׮֮׷״ ㉏겗挿׾侭椚׃״ֲ

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN "QQMFJ04ך갦 ˖ J04⟃⵸כٔ،ٕזذؙأثٍ׾垷׃׋؎ٝة٦ؿؑ؎أծְ׻ײ׷ أُؗ٦ٌ٦ؚٓؿ؍حָؙ⚺崧׌׏׋կ ˖ 葿ה׶ו׶ך،؎؝ٝכծ稆勞䠬ծ颵䠬ծ⯔ծו׸׾《׏ג׮ؿؑ؎ ؙח弫׍גְ׋կ ˖ ♧倯ծع٦سؐؑ،כ倜醡ㅷָ⳿׷׀החծ搀꼽׾噰⸂満ְ׋ىصو ٕדءٝفٕז׮ךחז׏גְ׏׋կ ˖ ⚕罏ח⛣ꨄָ欰ת׸׋

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Slide 45

Slide 45 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN 6*׾فٗتؙزך䒀ꞿח㶷㖈׃䖤׷׋׭ך鑐׫ ˖ فٗتؙزָىصوٕזرؠ؎ٝז׵ծٕحؙ،ٝسؿ؍٦ٕ׮搀꼽׾満ֻץֹ ה׶ִ֮׆鋅׋湡׾さ׻ׇג׫׷ ⹛ֹ׾㢌ִ׷ ˖ 植㹋ך⚅歲הずٕׄ٦ٕד⹛ַזֻגכז׵זְ䷐京װ䢪䚍׾ろ׭׋暟椚岀⵱ח䖞ֲץֹ ˖ J04剑䖓ך،حفر٦ز䖓ךJ5VOFTךꆃ㾩את׫כآٍ؎ٗד⯔ָ⿾㼗ׅ׷➬圫׌׏׋ ˖ ⸬桦״׶׮׻ַ׶װׁׅ٥荈搫ׁ׾⮚⯓ׇׁג׫״ֲ魦⡤ח鵚ְ׮ך 穠卓וֲז׏׋ַ ˖ 暟椚⚅歲ך䭁䓸ءُىٖ٦ءّٝ׫׋ְז׮׿ָדֹ׋ ˖ ؼُ٦وٝ؎ٝة٦ؿؑ؎أהِ٦ؠ٦؎ٝة٦ؿؑ؎أָ然㹋ח鵚בְ׋ ˖ ،صً٦ءّٝכ僇然ז䠐㔳׾䗳銲ה׃ծչ䩛鍗׶זוպչ荈搫ׁպ׾怴⳿ׅ׷׋׭ך׮ךהז׏׋կ ˖ ׃ַ׃ת׌ת׌涪㾜鷿♳կ

Slide 46

Slide 46 text

Slide 47

Slide 47 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ؿٓحز⟃꣬׾㷕עץֹذؗأز ˖ 傈劤铂ד铣׭׷ ˖ (6*ך鏣鎘כفٗتؙزرؠ؎ش٦ָ遤ז׏גְ׷ֿה׮僇鎸 J04)VNBO*OUFSGBDF(VJEFMJOFT "OESPJE.BUFSJBM%FTJHO(VJEFMJOFT ˖ ؝ٝذٝخ׾秵ך״ֲח鋅甧גגְֻ罋ִ倯 ˖ ꬊ䌢ח⯓鹌涸דؖ؎سٓ؎ٝכ铣׫暟ה׃ג׮꬗涯ְ IUUQTEFWFMPQFSBQQMFDPNKQEPDVNFOUBUJPO6TFS&YQFSJFODF$PODFQUVBM.PCJMF)*(#BTJDT1BSU#BTJDT1BSUIUNM IUUQXXXHPPHMFDPNEFTJHOTQFDNBUFSJBMEFTJHOJOUSPEVDUJPOIUNM

Slide 48

Slide 48 text

Slide 49

Slide 49 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ⵸鶢ךⰻ㺁ָ㼪ֻ׮ך ˖ 䕦ָꅾ銲ז䠐㄂׾䭯אךד֮׸לծءٝفٕז6*דזְהֲתֻ鋔钠דֹזְזוך銲㔓ָ֮׷ ˖ չⰋֻ鍗׸׋ֿהךזְ➂պחה׏גכ⢪ְװְׅ ˖ չسٗحفءٍسؐכ귅׶պչٔحثח鋅ׇ׷׋׭ך䊨㣗պהְֲٗ٦ٌٕرָٕ֮׷ז׵⢪ְחֻֻ䠬ׄ׷ أُؗ٦ٌؚٓؿ؍حؙהך湱䚍ך䝤ׁ ⹛ֹחכ䠐㄂ָ֮׷ ˖ ְֿׅת׸׷ֿהדծչֿֿ׾ةحفׅ׸ל➙ך歗꬗ָꟚֻպהְֲֿה׾⠗ִ׷ ˖ 涫㜥儗ח⹛ֻֿהדչֿֿכأٙ؎فדֹ׷պהְֲֿה׾⠗ִ׷ ˖ ػٖٓحؙأז㠖秵׌׏ג䠐㄂ָ֮׷ ˖ ،؎؝ٝכ⹛ַזְֽו胜兝ָ⹛ֻ̔،؎؝ٝ׾鋅㣟׻זְ

Slide 50

Slide 50 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ֿך״ֲזرؠ؎ָٝ⚺崧חז׏׋椚歋כ➭ח׮֮׷ ˖ ِ٦ؠ٦ָ䢪׸׋կ ˖ ׻ׂ׻ׂ暟椚涸זنةٝך䕎זוח⡂ׇ׷䗳銲ָזְ 䧭擾䏝ח״׷銲㔓 ًةؿ؋٦荈⡤ךꣲ歲 ˖ չ植㹋⚅歲ח⡂׋״ֲז׮ךָזְ׮ךպָ彡׸׷״ֲחז׏׋ ˖ 5XJUUFSהְֲ؟٦ؽأכչ鋅甧גպד邌植דֹזְ ˖ ذ٦ـٕ؜٦ي⟃㢩ך؜٦يⰋ菙ח׮鎉ִ׷ ًةؿ؋٦ך䒦㹱ָ겥衼חז׏׋ ˖ ِ٦ؠ٦ח겲䱿װ⯓Ⰵ錁׾♷ִג׃תְծ䴦׾ׅ׷؛٦أ׮㢳ղ֮׷ ˖ ⢽ִל傈鎸䌘،؎؝ٝך،فٔחכծչ暟椚涸ז傈鎸䌘պ⟃♳ך堣腉ָזְה鋅זׁ׸׷ ˖ 넝堣腉זًٌ،فٔכ杝荈ךءٝنٕ،؎؝ٝ׾⡭⭑זֻׁ׸׷ ˖ ׁ׮זֻלչًٝةٌٕرٕך䊴׾搀ֻׅպהְֲ؎ٝة٦ؿؑ؎أ鏣鎘ך湡涸ַ׵黅ֻז׷

Slide 51

Slide 51 text

COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN COPYRIGHT 2016 @ UNITY TECHNOLOGIES JAPAN ؜٦يך6*כוֲז׿׌ ˖ 植㖈כչ׉ך؜٦يך⚅歲錁׾⡤植׃׋،٦زأة؎ٕד⡲׷պהְֲ罋ִָ⚺崧 ˖ ،؎؝ٝזוך؎ٝؿؚؓٓؿ؍حؙכ窟♧⻉׃״ֲהְֲ⹛ָֹ䓼ְ ؜٦يך6*ך植朐 ➭ך،فٔװ04ךط؎ذ؍ـז6*׾䠐陎ׅץַֹ ˖ ؜٦يָ⚺湡涸דכזְծأو٦زؿؓٝכ暴ח䠐陎ׅץֹ׌ה䠬ׄ׷ ˖ 湫䱸ِ٦ؠ٦ה㼎鑧ׅ׷6*鿇ⴓכ׾֮׷玎䏝Ⱏ鸐⻉׃זְה㼰ղ鿇ָ䝤ְ ˖ 㼰זֻה׮麩ㄤ䠬׾䠬ׇׁׄגכتً גְֲַ6OJUZד⡲׸׷ך ˖ 갹䓸׹ֲ