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
370
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
190

Featured

See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.4k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
460
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
200
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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