-
ic_lifewood
- 3595
- 4
- 6
- 90
-
- いいね！90
ヤスヒサ 🗑
@yhassy
コードは書けなくても「コード思考」は養っておいたほうが良い #sketchbc 1️⃣「もしも …」を考える 2️⃣ ルールに沿って作る 3️⃣ 過程をオープンにする pic.twitter.com/f6N4lK4Wwv
2017-04-22 13:56:02
拡大
ヤスヒサ 🗑
@yhassy
デザイナーはよくツール上で理想的な完璧な世界を作ってしまいがちで、現実を映し出していない場合があります。デザイナー以外がデザインを触れることもあるでしょうし、コンテンツは常に変わり続けています。#sketchbc bit.ly/2q0BvnP
2017-04-22 13:57:00
ヤスヒサ 🗑
@yhassy
デザイナーがあらかじめ考慮できる「もしも」 #sketchbc ☑️ 空状態 ☑️ 読み込み中 ☑️ エラー ☑️ 情報の長さのバリエーション
2017-04-22 13:58:06
ヤスヒサ 🗑
@yhassy
States のようなプラグインを使えば、様々な状態を Sketch 上で検証することができます #sketchbc bit.ly/2q0EVa5 pic.twitter.com/F6sxcEh5Br
2017-04-22 14:00:27
ヤスヒサ 🗑
@yhassy
Material Design, iOS Human Interface Guideline の熟読は UI デザインをする上で必須。Web であれば Bootstrap は部品の考え方の参考になる。 #sketchbc bit.ly/2p0Z2px
2017-04-22 14:02:04
ヤスヒサ 🗑
@yhassy
Avocode が公開したデータ。Photoshop より Sketch のほうが 2 倍以上変更をかけている。模索がしやすいツールを選ぶことで、コミュケーションのスピードも変わる #sketchbc bit.ly/2pOl3L5 pic.twitter.com/DKoMdg4Req
2017-04-22 14:04:04
拡大
ヤスヒサ 🗑
@yhassy
Sketch のシンボルがパワフルなのは、単なる再利用できる部品ではなく、シンボルを基に状態を変えることができる点。 #sketchbc pic.twitter.com/ljNL5hepJk
2017-04-22 14:06:12
ヤスヒサ 🗑
@yhassy
Resizing の挙動を覚えておけば、可変に耐えられる柔軟なシンボルを作ることができます #sketchbc bit.ly/2pOlOnp
2017-04-22 14:07:08
ヤスヒサ 🗑
@yhassy
Auto Layout を使えば、可変デザインや要素の順番を変えて模索といったことが Sketch 上でできるようになります。 #sketchbc bit.ly/2pODn6O pic.twitter.com/2nXJVawGdz
2017-04-22 14:08:10
ヤスヒサ 🗑
@yhassy
Zeplin も Sympli も寸法、デザインアセットの共有だけでなく、コードもかき出してくれる。どちらも似たサービスなので比較検証したほうが良い。 #sketchbc bit.ly/2pN9dxA bit.ly/2pNm0jK
2017-04-22 14:09:00
ヤスヒサ 🗑
@yhassy
プラグインや連携サービスはいろいろありますが、公式サイトで紹介されているものから検証してみると良いと思います。 #sketchbc bit.ly/2pOj2OI
2017-04-22 14:09:00
ヤスヒサ 🗑
@yhassy
inVision の連携ツールという位置付けの Craft ですが、たとえ InVision を使わなくても要素リピート、ダミー情報生成、シンボルの共有とか使えるので便利です。 #sketchbc bit.ly/2p1c8Tt
2017-04-22 14:09:07
ヤスヒサ 🗑
@yhassy
💎「もしも」のことを考え、一貫性のあるデザインを作り、エンジニアをはじめ周りとコミュニケーションをとりながら進めるのは、アプリや web サイトのようなデジタルプロダクトのデザインには欠かせない。 #sketchbc
2017-04-22 14:10:01
原田 佳樹 / XIAN
@yoshigorouu
来てます！ヤスヒサさんの話がテンポよすぎて、つぶやく暇もない笑 あとでブログにまとめよっと。 #sketchBC pic.twitter.com/vDINevc3Lw
2017-04-22 14:19:29
拡大
ヤスヒサ 🗑
@yhassy
計算だけでなく、配置もサラッと数字を入れたらできますね #sketchbc twitter.com/yhassy/status/…
2017-04-22 14:29:26
ヤスヒサ 🗑
@yhassy
リサイズのときに l（左）、r（右）、c（中央）と入れると、リサイズの方向が変わるのよ（例 160-40r）💎 pic.twitter.com/821kXMlnlE
2017-03-06 21:12:35
鷹野 雅弘 Masahiro Takano
@swwwitch
シンボルを整頓できるSymbol Organizerプラグイン - Sketch Plugin Advent Calendar 2016 | creative tweet. creative-tweet.net/blog/2016/12/s… #sketchbc
2017-04-22 14:32:39
ヤスヒサ 🗑
@yhassy
実は % もできてしまう Sketch。100% と入力したら Artboard と同じ幅・高さになります。 #sketchbc pic.twitter.com/uSpzaGhrHo
2017-04-22 14:49:54
Rikiya Ihara / magi
@magi1125
width、375-16c とか書くと左右8pxずつ引いてくれる。c=center, r=right, m=middle, b=bottom #sketchbc
2017-04-22 14:54:30
ヤスヒサ 🗑
@yhassy
iOS UI であれば、とりあえず公式のものを落としておくのも良いかもね #sketchbc developer.apple.com/ios/human-inte…
2017-04-22 14:56:14
WPJ
@WPJ_news
近くの席の方と協力しながらセミハンズオンをすすめる山本麻美さんのセッション #SketchBC pic.twitter.com/2xsNLGPVZl
2017-04-22 14:57:23
拡大