Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

(非)デザイナーがUIデザインで困ったらどうするか？

Avatar for fumink fumink
January 22, 2016
Design
250
1

 (非)デザイナーがUIデザインで困ったらどうするか？

ForkwellエンジニアによるLT大会 〜Forkwell meetup ＃1
2016/01/22

Avatar for fumink

fumink

January 22, 2016

More Decks by fumink

See All by fumink
使いたいときだけ使う 「道具のようなアプリケーション」を考える
Avatar for fumink fumink7
0
110
デザイナーのマネジメント職、 身構えずにやっていこう
Avatar for fumink fumink7
0
1.3k
チームを前に進めるデザイン 〜あなたがやること、すべてはデザイン〜
Avatar for fumink fumink7
0
120
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
Avatar for fumink fumink7
1
6.8k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
Avatar for fumink fumink7
4
660
Rails開発の中でデザイナーの私はどこまで担当しているのか
Avatar for fumink fumink7
0
380
anime.jsがいいらしい
Avatar for fumink fumink7
1
840

Other Decks in Design

See All in Design
[Unity] VAT×VFX Graphがいま個人的にアツイという話
Avatar for sakiama sakiyama
0
110
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
Avatar for Kota SAITO kotasaito_cnt
0
1.2k
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
400
20260422_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
2
130
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
610
Webデザイナー中田美穂_ポートフォリオ
Avatar for miho nakada omy
0
150
StartDesignEngineering
Avatar for uchiyama886 uchiyama886
1
140
設計の進め方と 品質特性品質特性
Avatar for harachan harakeishi
0
1.4k
クリエイティブディレクター 両角 高寛 の自己紹介
Avatar for GYRO両角 morogyro
0
200
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
370
Figmaを使わなくなった私が、最近していること
Avatar for めーら/Miki mela_dayo
0
110
自社プロダクトのUIをAIが再現するデザインビルドシステム
Avatar for toy toy1618
0
1.2k

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
41k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.2k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
5
770
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
340
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
11k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
420
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k

Transcript

  1. ꬊ رؠ؎ش٦ָ
 6*رؠ؎ٝד㔭׏׋׵ וֲׅ׷ַ 2016/01/22
 Fumihiro Nakahara @ grooves

  2. Nakahara Fumihiro @711fumi Designer ( Design / HTML / CSS

    / JS? / Ruby? )

  3. رؠ؎ٝכꨇ׃ְկ Difficult to design UI Layout Font
 Color

  4. وط׃ג׫״ֲկ Hommage…?

  5. - LAYOUT - ؕةث׾وطׅ׷

  6. ⿫罋חׅ׷㼎韋׾䱱ׅ ٥ؚؚ׷ծֶ孡חⰅ׶כװ׶ך؟؎ز ٥-1װ8FC؟؎ز瘝ךٍؘٓٔ٦؟؎ز ٥#PPUTUSBQװ8PSEQSFTT瘝ךذٝفٖ٦ز رؠ؎ش٦ָ⡲ㅷ׾䫎珲ׅ׷4/4 !

  7. &

  8. رؠ؎ش٦䫎珲4/4ד䱱ׅ葺ׁ ٥؟؎زך珏겲ծ葿ד嗚稊דֹ׷ ̔TIPQ $PSQPSBUF CMVF ٥ل٦آװ؝ٝه٦طٝزד׮嗚稊דֹ׷ ̔NFOV MPHJO DBSE QMBZFS

    ٥؎؛ג׷رؠ؎ָٝ㢳ְ

  9. - COLOR - ꂁ葿׾وطׅ׷

  10. ְְזה䙼׏׋ꂁ葿׾وطג׫׷ խـٓؐؠ䭁䓸堣腉ךأه؎زזוד葿׾؜حز

  11. - FONT - ؿؓٝز׾وطׅ׷

  12. ְְזה䙼׏׋ؿؓٝز׾وط׷ 8FCل٦آ瘝ד֮׸ל$44׾然钠 ↑ Helvetica Neue

  13. ְְזה䙼׏׋ؿؓٝز׾وط׷ IUUQXXXNZGPOUTDPN8IBU5IF'POU 歗⫷ד⢪׻׸גְ׷ؿؓٝز׾鍑匿ׅ׷؟٦ؽأ ֻ֮תד⿫罋玎䏝
 傈劤铂♶〳

  14. - CONFIRMATION - 然钠

  15. ׃׏ֻ׶ֿזֽ׸לֿֿ׾然钠 ٥鵚䱸 ꟼ鸬ָ֮׷׮ךכ鵚ֻחתה׭׷ رؠ؎ٝח莆㄂ָ֮׷➂כ ظٝرؠ؎ش٦ؤ٥رؠ؎ٝـحؙכ 䗳׆铣׿דֶֹת׃׳ֲ ٥侭⴨ ➭ך銲稆ה♧⡤䠬׾䭯׋ׇ׷ ٥⿾䗁 鋉⵱䚍ח״׷♧⡤⻉ծٔؤي

    ٥؝ٝزٓأز 䞔㜠ך圓鸡׾׻ַ׶װֻׅׅ׷ ٥ 瑞涯 鑥׭鴥׫麓ֺ岣䠐

  16. װ׏ג׫״ֲկ Enjoy!

  17. Thanks !