PhotoshopからXD、さらにSkechへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 | スペースマーケットブログ

PhotoshopからXD、さらにSkechへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 デザイナーの横井です。こんにちは! 猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました(毛まみれ) 久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシ...

記事へジャンプ

みんなの反応

はてなブックマークでの反応
1yasu-log@hatena 2018/07/12 13:06
デザインツールの選定について、実例ベースで紹介した良記事。 「似たような余白と色がオリジナルで作られまくっている」という状況を改善した話で、勉強になる。
2indigoworks@hatena 2018/07/12 14:22
こういうプロジェクトやってる人にはFigmaオススメ。まあでもそのうち同じようなことがSketchでも出来るようになりそうだけどね。
3ko-ya-ma@hatena 2018/07/12 14:55
やっぱり苦労するよねぇ
4s99e209@hatena 2018/07/12 15:59
ある程度の規模感があり、さらに今後ページも増えていくというフェーズであれば時間はかかるがコンポーネント化は非常に価値がある。ただ相対して、時間のデメリットは大きい。
5nisisinjuku@hatena 2018/07/12 16:17
同じデータを3回作った挙げ句 "認識を合わせ…目的を共有…" "考えるためのコミュニ…(気がする)" "ガイドラインを見直すきっかけに" "フロント…きっかけに"  得られた結果が「過程」レベルだw 大丈夫かい?
6bean-jam@hatena 2018/07/12 17:52
Photoshop、Illustrator→XDは環境が整ってきた。非IT企業だと、サブスクリプションのCCは自動的に最新環境に触れることができて良い。調整→稟議みたいなのにかける労力が最初一度だけに。
7gcyn@hatena 2018/07/12 18:23
『粒度に関する考え方の違いが各デザイナーとエンジニア間にあり、修正が多く発生』『都度、作ったコンポーネントは原子・分子・有機体・ページそれぞれ全てに変更をかけなければならず、作業工数は膨らみました』
8ifttt@hatena 2018/07/12 21:01
"100枚以上のデザインをXD作り切り、それらを任意の単位でコンポーネント化、その後さらにXDでAtomic Designの思想をもとに粒度をわけた…なのにさらに全てをまたSketchで作り直し" 俺なら殴ってるわ……
9sezemi@hatena 2018/07/12 21:23
“山田氏、ごめんね…(やってもらいました)” ウケた
10yoshi-na@hatena 2018/07/12 23:14
Atomic Designは現状ではSkechで
11Kuichi@hatena 2018/07/12 23:52
コーディングする側からすると、コンポーネント用のhtmlファイルのセットをシンプルに作れば実物も確認可、一括で全体変更可、テキスト折り返し等デザインツール上で忘れがちなことも気づきやすいのでは…と思うけど
12crema@hatena 2018/07/12 23:56
スペマさんの話。
13acealpha@hatena 2018/07/13 02:03
開発者からすればパーツは使い回してるからひとつ直せば全部変わるけどデザインツールにはあまりそういう概念がはいらなかったのは不思議だ
14nismit@hatena 2018/07/13 05:00
デザインツールの移行とAtomic Designへの挑戦。一貫性とかコンポーネントのあり方などディペロッパーとは別の苦労がある訳で。
15ln_north@hatena 2018/07/13 05:11
XdやSketchはアトミックデザインを実現するツールではない気がしている
16headless_pasta@hatena 2018/07/13 08:54
これは思う “Atomic Designを導入する注意点 「いきなりルールをガチガチに固めないほうが良い」”
17otihateten3510@hatena 2018/07/13 09:50
“目的だったのが「一つのコンポーネントを変更すれば、他のファイルで同一のコンポーネントも同じように変更される」という状態にすることでした”  ああ、すごく嫌な予感がする(共通パーツって難しいよね)
18stilo@hatena 2018/07/13 10:59
Atomic Design 導入事例。良い。『XDとAtomic Designの相性はイマイチ/ Atomic Designとの相性が良いSketchに移行しようという結論になりました』
コメント内容の著作権は、投稿者に帰属します。
削除依頼、不適切コメントのご連絡はこちらにお願いいたします。
2018-07-12 05:09:01:1531339741:1531687817
comments powered by Disqus
※メールアドレスは公開されません。
人気の反応