Loading...
CSS Nite Shift14 - cremaセッションフォローアップ
cremaこと黒野明子です。
CSS Nite Shift14では、豪華登壇陣の間に挟まった私のショートセッションまでご視聴いただき、誠にありがとうございました!
セッションのスライドは、下記のURLからご覧ください。
https://www.dropbox.com/s/1f1e49w66n9sgm9/crema%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89.pdf?dl=0
また、閲覧のみの権限ですが、デモで使ったFigmaのデータを共有しておきますので、ご興味がありましたらご参照ください。
https://www.figma.com/file/bvGunz0sAI8O89rbKFOq0v/CSS-Nite-Shift14---crema-session-sample?node-id=0%3A1
私事ですが、16年間のフリーランス生活にいったん区切りをつけ、2019年1月から事業会社のインハウスデザイナーとして働き始めたのです。そのことが、私のデザイナーとしての考え方に深く影響を与え、ツールの使い方とともに「お客さまの体験を、どのくらい深く漏れなく考え抜くか」ということにフォーカスしていくきっかけとなりました。
各種のデザインツールのことは「デザイナーの思考時間を確保するための優秀な相棒」ととらえ、「デザインについて思考/企画すること」と「ツールを使いこなすこと」をバランスよく学習していければ良いなと強く思う今日この頃です。
まだまだCOVID-19をめぐる状況が混沌としています。来年は、みんなでオンラインで集ってワークショップや勉強会をできる機会を設けようと思っています。Twitterの@cremaをフォローしていただけましたら、時々そういった情報も投稿しますので、ぜひチェックしてください。
それでは皆さま、どうぞ良いお年をお迎えください!
以下、セッション内で紹介した記事やプラグインのリンク集です。
The UI Stack
[How to fix a bad user interface]
今日紹介するThe UI Stackの概念を紹介している記事(英語)
https://www.scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack/
Google Sheets対応プラグイン
Google Sheetsのデータをレイアウトに取り込んでくれるプラグインは、Figma、Sketch、Adobe XDどのツール向けにも開発されています。
[Google Sheets Sync]
FigmaにGoogle Sheetsのデータを入れてくれるプラグイン
https://www.figma.com/community/plugin/735770583268406934/Google-Sheets-Sync
[Google-sheets-content-sync-sketch-plugin]
Sketch向け
https://github.com/DWilliames/Google-sheets-content-sync-sketch-plugin
[余談]Figma用とSketch用は同じ人が作っています
[Google Sheets for Adobe XD]
Adobe XD向け
https://googlesheetsforadobexd.impekable.com
人の顔写真を入れるプラグイン
UIの中にランダムに人の顔を入れてくれるプラグイン「UI Faces」は、Figma、Sketch、Adobe XDすべてのツール向けに開発されています。
[UI Faces] Figma用
https://www.figma.com/community/plugin/769664006254845172/UI-Faces
[UI Faces] Sketch用
https://uifaces.co/sketch-plugin
[UI Faces] Adobe XD用
https://uifaces.co/plugin-adobe-xd
コンテンツ量や内容に応じてレイアウトが変化する機能
コンテンツ量や内容に応じてレイアウトが変化する機能も、Figma、Sketch、Adobe XDすべてのツールに実装されています。名前はそれぞれ異なります。
Figma - AutoLayout
https://help.figma.com/hc/en-us/articles/360040451373-Create-dynamic-designs-with-Auto-Layout
Sketch - Smart Layout
https://www.sketch.com/features/smart-layout
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
The UI Stack
Google Sheets対応プラグイン
人の顔写真を入れるプラグイン
コンテンツ量や内容に応じてレイアウトが変化する機能