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

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

Avatar for fumink fumink
January 22, 2016
Design
1
200

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

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

Avatar for fumink

fumink

January 22, 2016
Tweet

More Decks by fumink

See All by fumink
デザイナーのマネジメント職、 身構えずにやっていこう
Avatar for fumink fumink7
0
1.1k
チームを前に進めるデザイン 〜あなたがやること、すべてはデザイン〜
Avatar for fumink fumink7
0
56
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
Avatar for fumink fumink7
1
6.3k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
Avatar for fumink fumink7
4
620
Rails開発の中でデザイナーの私はどこまで担当しているのか
Avatar for fumink fumink7
0
350
anime.jsがいいらしい
Avatar for fumink fumink7
1
750

Other Decks in Design

See All in Design
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
760
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
270
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.3k
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
190
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
PRO
0
130
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
720
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
970
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2k
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
190
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.2k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
260
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
200

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Visualization
Avatar for Eitan Lees eitanlees
149
16k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
A better future with KSS
Avatar for Kyle Neath kneath
239
18k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

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 !