Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Workshop

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Spa Spa
November 08, 2018
380
2

Design Workshop

Avatar for Spa

Spa

November 08, 2018

More Decks by Spa

See All by Spa
UIデザイン講習会
Avatar for Spa elevenlines
34
14k
推しデザイン会: サインシステム
Avatar for Spa elevenlines
3
380
推しフォント会
Avatar for Spa elevenlines
0
200
DTP講習会
Avatar for Spa elevenlines
1
200

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
3
400
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
160
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
260
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
200
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
530
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
190

Transcript

  1. σβΠϯߨशձ %&4*(/803,4)01

  2. σβΠϯͱ͸ʁ 8)"5` 4%&4*(/

  3. ݐஙɾ޻ۀ੡඼ɾ෰০ɾ঎ۀඒज़ͳͲͷ෼໺Ͱɺ࣮༻໘ͳͲΛߟྀͯ͠଄ ܗ࡞඼Λҙঊ͢Δ͜ͱɻ ʮ౎ࢢΛσβΠϯ͢Δʯ ʮ੍෰ΛσβΠϯ͢Δʯ ʮΠ ϯςϦΞσβΠϯʯ ਤҊ΍໛༷ΛߟҊ͢Δ͜ͱɻ·ͨɺ ͦͷ΋ͷɻ ʮՈ۩ʹσβΠϯΛࢪ͢ʯ ʮ঎

    ඪΛσβΠϯ͢Δʯ ໨తΛ΋ͬͯ۩ମతʹཱҊɾઃܭ͢Δ͜ͱɻ ʮշదͳੜ׆ΛσβΠϯ͢Δʯ  ̎ ̏ σβΠϯʢEFTJHOʣ ʦ໊ʧ εϧ

  4. ৘ใΛʮ͏·͘఻͑Δʯ͜ͱ ʲฤूہతͳʳσβΠϯ

  5. Process: Adobe Illustrator [65815] Path: /Applications/Adobe Illustrator CC 2019/Adobe Illustrator.app/Contents/MacOS/Adobe

    Illustrator Identifier: Adobe Illustrator Version: 23.0.0 (23.0.0) Code Type: X86-64 (Native) Parent Process: ??? [1] Responsible: Adobe Illustrator [65815] User ID: 501 Date/Time: 2018-11-07 10:12:28.655 +0900 ʁ  ৘ใΛ σβΠϯͯ͠ ఻͑Δ

  6. ͓඼ॻ͖ σβΠϯͱ͸ʁ 8)"5` 4%&4*(/ σβΠϯͷ̐ݪଇ %&4*(/13*/$*1"-4 ৭ จࣈ ۭؒ $0-03

    -&55&3 41"$*/(

  7. σβΠϯͷ  ݪଇ %&4*(/13*/$*1"-4 ˞ ʮԼʹӳޠΛॻ͚͹ͦΕͬΆ͘ͳΔʯͰ͸͋Γ·ͤΜ

  8. ߴւઍՎ ͔ͨΈ͔ͪ Ӝͷ੕ঁֶӃͷ  ೥ੜͰɺ"RPVST ͷൃىਓɻ ਓ࢞ຓͷ຤ͬࢠͰɺ ࣮Ո͸ཱྀؗΛ΍͍ͬͯΔɻਓջͬ͘͜ෛ͚ͣݏ͍ɻ࣋ͪલͷ໌Δ͞ͱ ڧҾ͞ͰपғΛ࣍ʑʹר͖ࠐΜͰ͍͘ɻ ࡩ಺སࢠ

    ͘͞Β͏ͪΓ͜ ౦ژͷळ༿ݪ͔ΒઍՎͷΫϥε΁ͱసߍ͖ͯͨ͠  ೥ੜɻେਓͬΆ͘ མͪண͍ͯݟ͑Δ͕࣮͸߄ͯऀͰɺૣͱͪΓ΍צҧ͍Λͯ͠͠·͏͜ ͱ΋ɻ দӜՌೆ ·ͭ͏Β͔ͳΜ Ӝͷ੕ঁֶӃͷ  ೥ੜɻେਓͬΆ͘αόαόͨ͠ੑ֨Ͱɺ͋·Γ෺ࣄ ʹͩ͜ΘΒͳ͍ɻམͪண͍͍ͯͯɺͲ͔͜ΫʔϧͳงғؾΛవ͍ͬͯ Δɻ ࠇᖒμΠϠ ͘Ζ͞Θ͍ͩ΍ Ӝͷ੕ঁֶӃͷ  ೥ੜɻچ໢ݩͰ஍ݩͰ΋༗໊ͳ໊ՈͷࢠঁͰɺֶӃ ͷੜెձ௕Λ຿ΊΔɻ ϓϥΠυ͕ߴ͍׬ᘳओٛऀͰɺ த్൒୺΍ۂ͕ͬ ͨ͜ͱ͸ઈରʹڐ͞ͳ͍ɻ ౉ล༵ Θͨͳ΂Α͏ Ӝͷ੕ঁֶӃͷ  ೥ੜͰɺઍՎͷΫϥεϝΠτɺߴඈͼࠐΈͷબखͰ ࣮ྗ͸φγϣφϧνʔϜڃɻߟ͑ΔΑΓ΋ઌʹମ͕ಈ͘λΠϓɻϑΣ Ϧʔͷધ௕Λ෕ʹ࣋ͪɺࣗ਎΋কདྷ͸ધ௕ʹͳΓ͍ͨͱࢥ͍ͬͯΔɻ ௡ౡળࢠ ͭ͠·Α͜͠ Ӝͷ੕ঁֶӃͷ  ೥ੜɻখѱຐ෩ͷϑΝογϣϯʹ਎ΛแΈɺ ࣗΒΛz ତఱ࢖Ϥϋωz ͱশ͢Δɻ౎ձͷপ௡ग़਎ɻ໌Δ͘෺ාͤͣ͡ɺؾ͕ ར͍ͯإ΋Α͍͕ɺ΋ͷ͘͢͝ӡ͕ѱ͘ɺߦ͘ઌʑͰ૝ఆ֎ͷτϥϒ ϧʹݟ෣ΘΕͯ͠·͏ɻ ࠃ໦ాՖؙ ͘ʹ͖ͩ͸ͳ·Δ Ӝͷ੕ঁֶӃͷ  ೥ੜɻ஍ݩͰ୅ʑଓ͓͘ࣉͷ່ɻಡॻ޷͖Ͱɺಛʹ ೔ຊจֶΛ͜Αͳ͘Ѫ͢Δจֶগঁɻ Վ͕࣌Ͱ੟Վୂʹॴଐ͍ͯ͠Δɻ पғͷਓʑʹؾΛ഑Δ༏͍͠ੑ֨ɻ খݪ١ᣦ ͓͸Β·Γ Ӝͷ੕ঁֶӃͷ  ೥ੜɻϗςϧνΣʔϯΛܦӦ͢ΔΠλϦΞܥΞϝϦ Χਓͷ෕Λ࣋ͭϋʔϑɻ໌Δ͍ੑ֨Ͱɺݸਓߦಈ͕ଟ͍ɻͲΜͳࣄ͕ ͋ͬͯ΋ઈରʹΊ͛ͳ͍ੑ֨ͰɺڪΕΛ஌Βͳ͍νϟϨϯδϟʔɻ ࠇᖒϧϏΟ ͘Ζ͞ΘΔͼ͌ Ӝͷ੕ঁֶӃͷ  ೥ੜɻՖؙͱ͸஥ྑ͠Ͱɺ͍ͭ΋Ұॹʹ͍Δɻٽ͖ ஬ͰԲප͚ͩΕͲɺ໊Ոͷ͓৖༷͚ͩ͋ͬͯਊ͸͍࣋ͬͯΔɻͣͬͱ ΞΠυϧʹಌΕ͍ͯͨɻ།Ұͷಘҙ͸ࡋ๓ɻ &YBNQMFಡ·ͤΔؾ͕͋Δͷ͔

  9. ۙ઀ proximity

  10. ಉ͡৘ใ͸·ͱΊΔ

  11. ߴւઍՎ ͔ͨΈ͔ͪ Ӝͷ੕ঁֶӃͷ  ೥ੜͰɺ"RPVST ͷൃىਓɻ ਓ࢞ຓͷ຤ͬࢠͰɺ ࣮Ո͸ཱྀؗΛ΍͍ͬͯΔɻਓջͬ͘͜ෛ͚ͣݏ͍ɻ࣋ͪલͷ໌Δ͞ͱ ڧҾ͞ͰपғΛ࣍ʑʹר͖ࠐΜͰ͍͘ɻ ࡩ಺སࢠ

    ͘͞Β͏ͪΓ͜ ౦ژͷळ༿ݪ͔ΒઍՎͷΫϥε΁ͱసߍ͖ͯͨ͠  ೥ੜɻେਓͬΆ͘ མͪண͍ͯݟ͑Δ͕࣮͸߄ͯऀͰɺૣͱͪΓ΍צҧ͍Λͯ͠͠·͏͜ ͱ΋ɻ দӜՌೆ ·ͭ͏Β͔ͳΜ Ӝͷ੕ঁֶӃͷ  ೥ੜɻେਓͬΆ͘αόαόͨ͠ੑ֨Ͱɺ͋·Γ෺ࣄ ʹͩ͜ΘΒͳ͍ɻམͪண͍͍ͯͯɺͲ͔͜ΫʔϧͳงғؾΛవ͍ͬͯ Δɻ ࠇᖒμΠϠ ͘Ζ͞Θ͍ͩ΍ Ӝͷ੕ঁֶӃͷ  ೥ੜɻچ໢ݩͰ஍ݩͰ΋༗໊ͳ໊ՈͷࢠঁͰɺֶӃ ͷੜెձ௕Λ຿ΊΔɻ ϓϥΠυ͕ߴ͍׬ᘳओٛऀͰɺ த్൒୺΍ۂ͕ͬ ͨ͜ͱ͸ઈରʹڐ͞ͳ͍ɻ ౉ล༵ Θͨͳ΂Α͏ Ӝͷ੕ঁֶӃͷ  ೥ੜͰɺઍՎͷΫϥεϝΠτɺߴඈͼࠐΈͷબखͰ ࣮ྗ͸φγϣφϧνʔϜڃɻߟ͑ΔΑΓ΋ઌʹମ͕ಈ͘λΠϓɻϑΣ Ϧʔͷધ௕Λ෕ʹ࣋ͪɺࣗ਎΋কདྷ͸ધ௕ʹͳΓ͍ͨͱࢥ͍ͬͯΔɻ ௡ౡળࢠ ͭ͠·Α͜͠ Ӝͷ੕ঁֶӃͷ  ೥ੜɻখѱຐ෩ͷϑΝογϣϯʹ਎ΛแΈɺ ࣗΒΛz ତఱ࢖Ϥϋωz ͱশ͢Δɻ౎ձͷপ௡ग़਎ɻ໌Δ͘෺ාͤͣ͡ɺؾ͕ ར͍ͯإ΋Α͍͕ɺ΋ͷ͘͢͝ӡ͕ѱ͘ɺߦ͘ઌʑͰ૝ఆ֎ͷτϥϒ ϧʹݟ෣ΘΕͯ͠·͏ɻ ࠃ໦ాՖؙ ͘ʹ͖ͩ͸ͳ·Δ Ӝͷ੕ঁֶӃͷ  ೥ੜɻ஍ݩͰ୅ʑଓ͓͘ࣉͷ່ɻಡॻ޷͖Ͱɺಛʹ ೔ຊจֶΛ͜Αͳ͘Ѫ͢Δจֶগঁɻ Վ͕࣌Ͱ੟Վୂʹॴଐ͍ͯ͠Δɻ पғͷਓʑʹؾΛ഑Δ༏͍͠ੑ֨ɻ খݪ١ᣦ ͓͸Β·Γ Ӝͷ੕ঁֶӃͷ  ೥ੜɻϗςϧνΣʔϯΛܦӦ͢ΔΠλϦΞܥΞϝϦ Χਓͷ෕Λ࣋ͭϋʔϑɻ໌Δ͍ੑ֨Ͱɺݸਓߦಈ͕ଟ͍ɻͲΜͳࣄ͕ ͋ͬͯ΋ઈରʹΊ͛ͳ͍ੑ֨ͰɺڪΕΛ஌Βͳ͍νϟϨϯδϟʔɻ ࠇᖒϧϏΟ ͘Ζ͞ΘΔͼ͌ Ӝͷ੕ঁֶӃͷ  ೥ੜɻՖؙͱ͸஥ྑ͠Ͱɺ͍ͭ΋Ұॹʹ͍Δɻٽ͖ ஬ͰԲප͚ͩΕͲɺ໊Ոͷ͓৖༷͚ͩ͋ͬͯਊ͸͍࣋ͬͯΔɻͣͬͱ ΞΠυϧʹಌΕ͍ͯͨɻ།Ұͷಘҙ͸ࡋ๓ɻ &YBNQMFۙ઀Λҙࣝ͢Δͱ

  12. ੔ྻ alignment

  13. ৘ใͷྲྀΕΛ੔͑Δ

  14. ߴւઍՎ ͔ͨΈ͔ͪ ʗ  ೥ੜ "RPVST ͷൃىਓɻ ਓ࢞ຓͷ຤ͬࢠͰɺ࣮Ո͸ཱྀؗΛ΍͍ͬͯΔɻ ਓջͬ͘͜ෛ͚ͣݏ͍ɻ࣋ͪલͷ໌Δ͞ͱڧҾ͞ͰपғΛ࣍ʑʹר͖ ࠐΜͰ͍͘ɻ

    ࡩ಺སࢠ ͘͞Β͏ͪΓ͜ ʗ  ೥ੜ ౦ژͷळ༿ݪ͔ΒઍՎͷΫϥε΁ͱసߍ͖ͯͨ͠  ೥ੜɻେਓͬΆ͘ མͪண͍ͯݟ͑Δ͕࣮͸߄ͯऀͰɺૣͱͪΓ΍צҧ͍Λͯ͠͠·͏͜ ͱ΋ɻ দӜՌೆ ·ͭ͏Β͔ͳΜ ʗ  ೥ੜ େਓͬΆ͘αόαόͨ͠ੑ֨Ͱɺ͋·Γ෺ࣄʹͩ͜ΘΒͳ͍ɻམͪண ͍͍ͯͯɺͲ͔͜ΫʔϧͳงғؾΛవ͍ͬͯΔɻ ࠇᖒμΠϠ ͘Ζ͞Θ͍ͩ΍ ʗ  ೥ੜ چ໢ݩͰ஍ݩͰ΋༗໊ͳ໊ՈͷࢠঁͰɺֶӃͷੜెձ௕Λ຿ΊΔɻϓ ϥΠυ͕ߴ͍׬ᘳओٛऀͰɺத్൒୺΍ۂ͕ͬͨ͜ͱ͸ઈରʹڐ͞ͳ ͍ɻ ౉ล༵ Θͨͳ΂Α͏ ʗ  ೥ੜ ઍՎͷΫϥεϝΠτɺ ߴඈͼࠐΈͷબखͰ࣮ྗ͸φγϣφϧνʔϜڃɻ ߟ͑ΔΑΓ΋ઌʹମ͕ಈ͘λΠϓɻϑΣϦʔͷધ௕Λ෕ʹ࣋ͪɺࣗ਎ ΋কདྷ͸ધ௕ʹͳΓ͍ͨͱࢥ͍ͬͯΔɻ ௡ౡળࢠ ͭ͠·Α͜͠ ʗ  ೥ੜ খѱຐ෩ͷϑΝογϣϯʹ਎ΛแΈɺ ࣗΒΛz ତఱ࢖Ϥϋωz ͱশ͢Δɻ ౎ձͷপ௡ग़਎ɻ໌Δ͘෺ාͤͣ͡ɺؾ͕ར͍ͯإ΋Α͍͕ɺ΋ͷ͢ ͘͝ӡ͕ѱ͘ɺߦ͘ઌʑͰ૝ఆ֎ͷτϥϒϧʹݟ෣ΘΕͯ͠·͏ɻ ࠃ໦ాՖؙ ͘ʹ͖ͩ͸ͳ·Δ ʗ  ೥ੜ ஍ݩͰ୅ʑଓ͓͘ࣉͷ່ɻಡॻ޷͖Ͱɺಛʹ೔ຊจֶΛ͜Αͳ͘Ѫ͢ ΔจֶগঁɻՎ͕࣌Ͱ੟Վୂʹॴଐ͍ͯ͠ΔɻपғͷਓʑʹؾΛ഑Δ ༏͍͠ੑ֨ɻ খݪ١ᣦ ͓͸Β·Γ ʗ  ೥ੜ ϗςϧνΣʔϯΛܦӦ͢ΔΠλϦΞܥΞϝϦΧਓͷ෕Λ࣋ͭϋʔϑɻ ໌Δ͍ੑ֨Ͱɺݸਓߦಈ͕ଟ͍ɻͲΜͳࣄ͕͋ͬͯ΋ઈରʹΊ͛ͳ͍ ੑ֨ͰɺڪΕΛ஌Βͳ͍νϟϨϯδϟʔɻ ࠇᖒϧϏΟ ͘Ζ͞ΘΔͼ͌ ʗ  ೥ੜ Ֆؙͱ͸஥ྑ͠Ͱɺ͍ͭ΋Ұॹʹ͍Δɻٽ͖஬ͰԲප͚ͩΕͲɺ໊Ո ͷ͓৖༷͚ͩ͋ͬͯਊ͸͍࣋ͬͯΔɻͣͬͱΞΠυϧʹಌΕ͍ͯͨɻ །Ұͷಘҙ͸ࡋ๓ɻ &YBNQMF੔ྻΛҙࣝ͢Δͱ

  15. ൓෮ repitation

  16. ಉछͷ৘ใ͸ಉ͡ݟͨ໨ʹ͢Δ

  17. &YBNQMF൓෮Λҙࣝ͢Δͱ ߴւઍՎ ͔ͨΈ͔ͪ ʗ  ೥ੜ "RPVST ͷൃىਓɻ ਓ࢞ຓͷ຤ͬࢠͰɺ ࣮Ո͸ཱྀؗΛ΍͍ͬͯΔɻ

    ਓջͬ͘͜ෛ͚ͣݏ͍ɻ࣋ͪલͷ໌Δ͞ͱڧҾ͞ͰपғΛ࣍ʑʹ ר͖ࠐΜͰ͍͘ɻ ࡩ಺སࢠ ͘͞Β͏ͪΓ͜ ʗ  ೥ੜ ౦ژͷळ༿ݪ͔ΒઍՎͷΫϥε΁ͱసߍ͖ͯͨ͠  ೥ੜɻେਓͬ Ά͘མͪண͍ͯݟ͑Δ͕࣮͸߄ͯऀͰɺૣͱͪΓ΍צҧ͍Λͯ͠ ͠·͏͜ͱ΋ɻ দӜՌೆ ·ͭ͏Β͔ͳΜ ʗ  ೥ੜ େਓͬΆ͘αόαόͨ͠ੑ֨Ͱɺ͋·Γ෺ࣄʹͩ͜ΘΒͳ͍ɻམ ͪண͍͍ͯͯɺͲ͔͜ΫʔϧͳงғؾΛవ͍ͬͯΔɻ ࠇᖒμΠϠ ͘Ζ͞Θ͍ͩ΍ ʗ  ೥ੜ چ໢ݩͰ஍ݩͰ΋༗໊ͳ໊ՈͷࢠঁͰɺֶӃͷੜెձ௕Λ຿ΊΔɻ ϓϥΠυ͕ߴ͍׬ᘳओٛऀͰɺத్൒୺΍ۂ͕ͬͨ͜ͱ͸ઈରʹ ڐ͞ͳ͍ɻ ௡ౡળࢠ ͭ͠·Α͜͠ ʗ  ೥ੜ খѱຐ෩ͷϑΝογϣϯʹ਎ΛแΈɺ ࣗΒΛzତఱ࢖Ϥϋωz ͱশ͢Δɻ ౎ձͷপ௡ग़਎ɻ໌Δ͘෺ාͤͣ͡ɺؾ͕ར͍ͯإ΋Α͍͕ɺ΋ͷ͢ ͘͝ӡ͕ѱ͘ɺߦ͘ઌʑͰ૝ఆ֎ͷτϥϒϧʹݟ෣ΘΕͯ͠·͏ɻ ࠃ໦ాՖؙ ͘ʹ͖ͩ͸ͳ·Δ ʗ  ೥ੜ ஍ݩͰ୅ʑଓ͓͘ࣉͷ່ɻಡॻ޷͖Ͱɺಛʹ೔ຊจֶΛ͜Αͳ͘ Ѫ͢ΔจֶগঁɻՎ͕࣌Ͱ੟Վୂʹॴଐ͍ͯ͠Δɻपғͷਓʑʹ ؾΛ഑Δ༏͍͠ੑ֨ɻ ࠇᖒϧϏΟ ͘Ζ͞ΘΔͼ͌ ʗ  ೥ੜ Ֆؙͱ͸஥ྑ͠Ͱɺ͍ͭ΋Ұॹʹ͍Δɻٽ͖஬ͰԲප͚ͩΕͲɺ ໊Ոͷ͓৖༷͚ͩ͋ͬͯਊ͸͍࣋ͬͯΔɻͣͬͱΞΠυϧʹಌΕ ͍ͯͨɻ།Ұͷಘҙ͸ࡋ๓ɻ খݪ١ᣦ ͓͸Β·Γ ʗ  ೥ੜ ϗςϧνΣʔϯΛܦӦ͢ΔΠλϦΞܥΞϝϦΧਓͷ෕Λ࣋ͭϋʔ ϑɻ໌Δ͍ੑ֨Ͱɺݸਓߦಈ͕ଟ͍ɻͲΜͳࣄ͕͋ͬͯ΋ઈରʹ Ί͛ͳ͍ੑ֨ͰɺڪΕΛ஌Βͳ͍νϟϨϯδϟʔɻ ౉ล༵ Θͨͳ΂Α͏ ʗ  ೥ੜ ઍՎͷΫϥεϝΠτɺߴඈͼࠐΈͷબखͰ࣮ྗ͸φγϣφϧνʔ Ϝڃɻߟ͑ΔΑΓ΋ઌʹମ͕ಈ͘λΠϓɻϑΣϦʔͷધ௕Λ෕ʹ ࣋ͪɺࣗ਎΋কདྷ͸ધ௕ʹͳΓ͍ͨͱࢥ͍ͬͯΔɻ

  18. ରൺ contrast

  19. ৘ใͷॏཁੑʹԠͯ͡֊૚Λ͚ͭΔ

  20. &YBNQMFରൺΛҙࣝ͢Δͱ "RPVST ͷൃىਓɻ ਓ࢞ຓͷ຤ͬࢠͰɺ ࣮Ո͸ཱྀؗΛ΍͍ͬͯΔɻ ਓջͬ͘͜ෛ͚ͣݏ͍ɻ࣋ͪલͷ໌Δ͞ͱڧҾ͞ͰपғΛ࣍ʑʹ ר͖ࠐΜͰ͍͘ɻ ߴւઍՎ ͔ͨΈ͔ͪʗ 

    ೥ੜ ౦ژͷळ༿ݪ͔ΒઍՎͷΫϥε΁ͱసߍ͖ͯͨ͠  ೥ੜɻେਓͬ Ά͘མͪண͍ͯݟ͑Δ͕࣮͸߄ͯऀͰɺૣͱͪΓ΍צҧ͍Λͯ͠ ͠·͏͜ͱ΋ɻ ࡩ಺སࢠ ͘͞Β͏ͪΓ͜ʗ  ೥ੜ େਓͬΆ͘αόαόͨ͠ੑ֨Ͱɺ͋·Γ෺ࣄʹͩ͜ΘΒͳ͍ɻམ ͪண͍͍ͯͯɺͲ͔͜ΫʔϧͳงғؾΛవ͍ͬͯΔɻ দӜՌೆ ·ͭ͏Β͔ͳΜʗ  ೥ੜ چ໢ݩͰ஍ݩͰ΋༗໊ͳ໊ՈͷࢠঁͰɺֶӃͷੜెձ௕Λ຿ΊΔɻ ϓϥΠυ͕ߴ͍׬ᘳओٛऀͰɺத్൒୺΍ۂ͕ͬͨ͜ͱ͸ઈରʹ ڐ͞ͳ͍ɻ ࠇᖒμΠϠ ͘Ζ͞ΘμΠϠʗ  ೥ੜ খѱຐ෩ͷϑΝογϣϯʹ਎ΛแΈɺ ࣗΒΛzତఱ࢖Ϥϋωz ͱশ͢Δɻ ౎ձͷপ௡ग़਎ɻ໌Δ͘෺ාͤͣ͡ɺؾ͕ར͍ͯإ΋Α͍͕ɺ΋ͷ͢ ͘͝ӡ͕ѱ͘ɺߦ͘ઌʑͰ૝ఆ֎ͷτϥϒϧʹݟ෣ΘΕͯ͠·͏ɻ ௡ౡળࢠ ͭ͠·Α͜͠ʗ  ೥ੜ ஍ݩͰ୅ʑଓ͓͘ࣉͷ່ɻಡॻ޷͖Ͱɺಛʹ೔ຊจֶΛ͜Αͳ͘ Ѫ͢ΔจֶগঁɻՎ͕࣌Ͱ੟Վୂʹॴଐ͍ͯ͠Δɻपғͷਓʑʹ ؾΛ഑Δ༏͍͠ੑ֨ɻ ࠃ໦ాՖؙ ͘ʹ͖ͩ͸ͳ·Δʗ  ೥ੜ ϗςϧνΣʔϯΛܦӦ͢ΔΠλϦΞܥΞϝϦΧਓͷ෕Λ࣋ͭϋʔ ϑɻ໌Δ͍ੑ֨Ͱɺݸਓߦಈ͕ଟ͍ɻͲΜͳࣄ͕͋ͬͯ΋ઈରʹ Ί͛ͳ͍ੑ֨ͰɺڪΕΛ஌Βͳ͍νϟϨϯδϟʔɻ খݪ١ᣦ ͓͸Β·Γʗ  ೥ੜ Ֆؙͱ͸஥ྑ͠Ͱɺ͍ͭ΋Ұॹʹ͍Δɻٽ͖஬ͰԲප͚ͩΕͲɺ ໊Ոͷ͓৖༷͚ͩ͋ͬͯਊ͸͍࣋ͬͯΔɻͣͬͱΞΠυϧʹಌΕ ͍ͯͨɻ།Ұͷಘҙ͸ࡋ๓ɻ ࠇᖒϧϏΟ ͘Ζ͞ΘϧϏΟʗ  ೥ੜ ઍՎͷΫϥεϝΠτɺߴඈͼࠐΈͷબखͰ࣮ྗ͸φγϣφϧνʔ Ϝڃɻߟ͑ΔΑΓ΋ઌʹମ͕ಈ͘λΠϓɻϑΣϦʔͷધ௕Λ෕ʹ ࣋ͪɺࣗ਎΋কདྷ͸ધ௕ʹͳΓ͍ͨͱࢥ͍ͬͯΔɻ ౉ล༵ Θͨͳ΂Α͏ʗ  ೥ੜ

  21. σβΠϯͷ  ݪଇ %&4*(/13*/$*1"-4 ۙ઀ 1309*.*5: ੔ྻ "-*(/.&/5 ൓෮ 3&1*5"5*0/

    ରൺ $0/53"45

  22. ৭ จࣈ ۭؒ $0-03 -&55&3 41"$&

  23. ϨΠΞ΢τΛͭ͘Δ ࡉ͔͍ͱ͜ΖΛͭ͘Δ  ݪଇ

  24. ৭ color

  25. ৭ͷද͠ํ γΞϯ $.:, Θ͔Γ΍͍͢ )4# 3(# Ϛθϯλ  ͭͷΠϯΫͷׂ߹ ৭૬

     ࠼౓  ໌౓Ͱ৭Λࢦఆ $.:, ͱ͸ҧ͍Ճ๏ࠞ৭ ΠΤϩʔ ϒϥοΫ

  26. )4# ͷύϥϝʔλ ৭૬ ʮͲΜͳ৭͔ʯΛࣔ͢஋ εϖΫτϧ্ͷҐஔΛࢦఆͯ͠Δͱ΋ݴ͑·͢ )VF

  27. )4# ͷύϥϝʔλ ࠼౓ ʮͲΕ͚ͩ઱΍͔͔ʯΛࣔ͢஋  ͩͱ৭૬͕ແҙຯ άϨʔεέʔϧ 4BUVSBUJPO

  28. )4# ͷύϥϝʔλ ໌౓ ʮͲΕ͚ͩ໌Δ͍͔ʯΛࣔ͢஋  Ͱਅͬࠇ #SJHIUOFTT

  29. ৭૬؀ ৭૬ͷάϥϑΛ͙ΔͬͱؙΊΒΕͦ͏

  30. ৭࠼ௐ࿨࿦ Ұఆͷ๏ଇͰ৭ΛબͿͱௐ࿨͢Δ ৭૬؀Λ࢖ͬͯΈΑ͏

  31. ΧϥʔϋʔϞχʔ ิ৭ ৭૬؀Ͱ൓ରଆʹҐஔ͢Δ৭ ςτϥʔυ ৭૬؀ʹਖ਼ࡾ֯ܗΛඳ͍ͨͱ͖ͷ௖఺ͷ৭ ͳͲͳͲ

  32. গ͠ओு͕ڧΊ͚ͩͲ૬ੑ͸ྑ͍ ΧϥʔϋʔϞχʔ ྫ ਫ৭ͷิ৭͸ΦϨϯδ

  33. ΧϥʔϋʔϞχʔ ͜Μͳͷ֮͑ΒΕͳ͍ ʮΧϥʔΨΠυʯΛ࢖͍·͠ΐ͏ʂ ʮ΢Οϯυ΢ʯ ˠ ʮΧϥʔΨΠυʯͰग़ͤΔ

  34. ͍͍۩߹ͷ഑৭Λ͢Δʹ͸ نଇʹԊͬͯ഑৭͢Δ ࣗવքʹ͋Δ৭Λ࢖͏ Կ͔͠Β͍ۙ৭Λ࢖͏ ໌౓ɾ৭૬ͳͲͷ͕ࠩେ͖͍৭Λ૊Έ߹ΘͤΔ

  35. ͜ͷઅͷ·ͱΊ ΧϥʔΨΠυΛ࢖͓͏ʂ

  36. จࣈ letter

  37. จࣈ૊Έͱ͸ จࣈؒɾߦؒͳͲΛ͍͍ײ͡ʹௐ੔͢Δ͜ͱ ͜ͷจষ͸͔ͳ ΓಡΈͮΒ͍ͱࢥ͍·͢ ͜ͷจষ͸ׂͱ ಡΈ΍͍͢ͱࢥ͍·͢

  38. จࣈ૊Έͷཁૉ ߦؒ ڱ͗͢ΔͱͳΜͱͳ͘ ѹഭײΛײͯ͡ಡΈͮ Β͍͠ ͔ͱ͍ͬͯ ͋·Γʹ޿͗ͯ͢΋ ಡΈͮΒ͍ ςΩετΛબΜͰ BMU

    PQUJPO  ˣˢͰௐ੔

  39. จࣈ૊Έͷཁૉ ڱ ͍ ͱ ͔ ͳ Γ ಡ Έ ͮ

    Β ͘ ͳ ͬ ͯ ͠ · ͏ ޿ ͢ ͗ Δ ͱ ڧ ௐ ͠ ͯ Δ ײ ͡ ͕ ग़ Δ λΠτϧʹ͸͍͍͔΋ Χʔχϯά ௐ੔͍ͨ͠จࣈؒͰ BMU PQUJPO  ˡˠͰௐ੔ จࣈؒͷ伱ؒͷௐ੔ɺجຊ  จࣈͣͭߦ͏

  40. จࣈؒͷิ଍ τϥοΩϯά ୯ޠؒͷ伱ؒͷௐ੔ ओʹӳจ จࣈؒ จࣈ٧Ί  ΞΩ ࿨จʹओʹ༻͍Δ

  41. จࣈ૊Έͷཁૉ ௕ମ  ฏମ ਨ௚ൺ཰  ਫฏൺ཰ จࣈΛࡉ௕ͨ͘͠Γฏ΂ͬͨ͘͢Δ ͋·Γੵۃతʹ͸࢖Θͳ͍΄͏͕ྑ͍ ࡉ௕͍΄͏͕௕ମ

    ฏ΂͍ͬͨ΄͏͕ฏମ

  42. πϝ  ͲΕ͚ͩมΘΔ͔ ৘ʹᑫͤ͞͹ྲྀ͞ΕΔɻ ஐʹಇ͚͹ཱ͕֯ͭɻ Ͳ͜΁ӽͯ͠΋ॅΈʹ͍͘ͱޛͬͨ࣌ɺ ࢻ͕ੜΕͯɺը͕ग़དྷΔɻͱ͔͘ʹਓͷੈ͸ॅΈʹ͍͘ɻҙ஍Λ௨ͤ͹ځ۶ͩɻ  ͱ͔͘ʹਓͷੈ͸ॅΈʹ͍͘ɻ Ͳ͜΁ӽͯ͠΋ॅΈʹ͍͘ͱޛͬͨ࣌ɺࢻ͕ੜΕͯɺը͕ग़དྷΔɻҙ஍Λ௨ͤ͹ځ

    ۶ͩɻࢁ࿏ΛొΓͳ͕Βɺ͜͏ߟ͑ͨɻஐʹಇ͚͹ཱ͕֯ͭɻͲ͜΁ӽͯ͠΋ॅΈʹ ͍͘ͱޛͬͨ࣌ɺࢻ͕ੜΕͯɺը͕ग़དྷΔɻஐʹಇ͚͹ཱ͕֯ͭɻ  ͱ͔͘ʹਓͷੈ͸ॅΈʹ͍͘ɻࢁ࿏ΛొΓͳ͕Βɺ͜͏ߟ͑ͨɻͱ͔͘ʹਓͷੈ͸ॅ Έʹ͍͘ɻॅΈʹ͕͘͞ߴ͡Δͱɺ͍҆ॴ΁Ҿ͖ӽͨ͘͠ͳΔɻॅΈʹ͕͘͞ߴ͡Δ ͱɺ͍҆ॴ΁Ҿ͖ӽͨ͘͠ͳΔɻ৘ʹᑫͤ͞͹ྲྀ͞ΕΔɻ  ҙ஍Λ௨ͤ͹ځ۶ͩɻॅΈʹ͕͘͞ߴ͡Δͱɺ͍҆ॴ΁Ҿ͖ӽͨ͘͠ͳΔɻҙ

  43. ͲΕ͚ͩมΘΔ͔ ΞΩീ෼ ৘ʹᑫͤ͞͹ྲྀ͞ΕΔɻஐʹಇ͚͹ཱ͕֯ͭɻͲ͜΁ӽͯ͠΋ॅΈʹ ͍͘ͱޛͬͨ࣌ɺࢻ͕ੜΕͯɺը͕ग़དྷΔɻͱ͔͘ʹਓͷੈ͸ॅΈʹ ͍͘ɻҙ஍Λ௨ͤ͹ځ۶ͩɻ  ͱ͔͘ʹਓͷੈ͸ॅΈʹ͍͘ɻ Ͳ͜΁ӽͯ͠΋ॅΈʹ͍͘ͱޛͬͨ࣌ɺࢻ͕ੜΕͯɺը͕ग़དྷΔɻҙ ஍Λ௨ͤ͹ځ۶ͩɻࢁ࿏ΛొΓͳ͕Βɺ͜͏ߟ͑ͨɻஐʹಇ͚͹͕֯ ཱͭɻͲ͜΁ӽͯ͠΋ॅΈʹ͍͘ͱޛͬͨ࣌ɺࢻ͕ੜΕͯɺը͕ग़དྷΔɻ

    ஐʹಇ͚͹ཱ͕֯ͭɻ  ͱ͔͘ʹਓͷੈ͸ॅΈʹ͍͘ɻࢁ࿏ΛొΓͳ͕Βɺ͜͏ߟ͑ͨɻͱ͔

  44. ͱ͸ݴͬͯ΋ ࠷దͳ૊Έํ͸γνϡΤʔγϣϯͰมΘΔ ϩΰ  ݟग़͠  ຊจɺ࿨จ  ӳจʜʜͳͲ

  45. ͜ͷઅͷ·ͱΊ จࣈ૊Έ͸େࣄ ҙ͓͍ࣝͯͯ͠΄͍͠Ͱ͢

  46. ۭؒ color

  47. ༨ന͕ͳ͍ྫ ༨ന͸େࣄ ͜ͷจষͱͯ΋ݟͮΒ͍ͱࢥ͍·͢ ϖʔδͷ୺΁ͷ༨ന ϖʔδͷ͋·Γʹ֎ଆʢ୺͔Β NN ͙Β͍ʣʹจষ͕དྷͯΔͱͱͯ ΋ݟͮΒ͍ͷͰ͸ͳ͍͔ͱࢥ͍·͢ ߲໨͝ͱͷۭؒ ͜Ε͚߲ͩ໨Λ͚ۙͮͯ͠·͏ͱʮۙ઀ʯͷݪଇʹ΋൓ͯ͠͠·͏ͷ

    Ͱ͔ͳΓಡΈͮΒ͘ͳͬͯ͠·͍·͢

  48. ͜ͷઅͷ·ͱΊ ༨ന͸େࣄ ΋͏͜ͷεϥΠυ͚ͩͰे෼͡Όͳ͍ʁ

  49. શମͷ·ͱΊ σβΠϯͷ  ݪଇ ΧϥʔΨΠυ͸ศར จࣈ૊ΈΛҙࣝ͠Α͏ ༨നɾ߲໨ͷۭؒΛऔΖ͏ ۙ઀ 1309*.*5: ੔ྻ

    "-*(/.&/5 ൓෮ 3&1*5"5*0/ ରൺ $0/53"45

  50. ͓·͚ 0.",&

  51. ͓·͚ ͦ͏͸ݴͬͯ΋۩ମతͳσβΠϯͬͯ೉͍͠ ͋Δఔ౓ύλʔϯ͕͋Δͱศརʂ

  52. ΊͪΌͪ͘Όศརɻͳʹ΋ࢥ͍͔ͭͳ͍ͱ͖ʹΑ͘΍Γ·͢ɻ Α͋͘Δखޱ ΞΠίϯΛࢄΓ͹ΊΔ ͜Ε΋എܠͱ͔ʹͳͬͯศརɻ ࡾ֯ܗͱ͔ॻ͍ͯࢄ෍ϒϥγ࡞Δ͚ͩͳͷͰ؆୯ʂ ਤܗ਺ύλʔϯΛࢄΓ͹ΊΔ

  53. ΞΠίϯΛࢄΓ͹ΊΔ ͍͔ͭ͘࡞ͬͯࢄΒ͚ͩ͢Ͱ͢ ϝΠϯςʔϚʹ߹ΘͤͯଟΊʹࢃ͘ ΞΠίϯΛܾΊΔͱ͍͍͔΋ ͜Ε͸ޙΖʹ΅͔ͨ͠ΞΠίϯೖΕͯ Ԟߦ͖ͬΆ͞Λِ଄ͯ͠·͢

  54. ਤܗΛࢄΓ͹ΊΔ ద౰ʹਤܗΛॻ͖·͢ ϒϥγύωϧʹυϥοά͠·͢ ʮࢄ෍ϒϥγʯΛબͼ·͢ ύϥϝʔλʔௐ੔͠·͢ શ෦ʮϥϯμϜʯʹ͢Δ ϒϥγπʔϧͰͦͷϒϥγΛ࢖͏ͱָ͍͠ʂ

  55. ࢄ෍ ҙਤ͕͋Δܗঢ় ͰͦΕͬΆ͘ͳΔΑ ਤܗΛࢄΓ͹ΊΔ color / gray scale / map

    / indoor map / laboratory / shopping street / student planning jizi.editing ‘17

  56. ͪΐͬͱͨ͠ΞΫηϯτʹɻ ͋Δఔ౓ͷجຊύλʔϯ͸ε΢ΥονࠨԼˠύλʔϯ ʹऩ࿥͞Ε͍ͯΔͷͰ͜ΕΛվม͢Δ Α͋͘Δखޱ ࣼΊϘʔμʔ ύλʔϯε΢Υον

  57. ݟ͚ͭํ ͱʹ͔͍͘Ζ͍ΖͳσβΠϯΛݟΔ ΠϥϨͷνϡʔτϦΞϧͱ͔΍ͬͯΈΔͷ΋ ྑ͍͔΋

  58. ऴ %&4*(/803,4)01