戻る
メンバーシップになる
トップ
/
実装しやすいデザイン超入門
/
2.コードのレイアウト法則を見てみよう
コンテンツ一覧
コミュニティ

2.コードのレイアウト法則を見てみよう

June 24, 2022
UIビジュアル
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

□ 実装しやすい=データやデザインが良いというだけじゃない

エンジニアさんが実装しやすいデザインと聞くと「あーコードのこと理解しないといけないんやな….」と思います。

もちろんそうです!が、それだけではなく”コミュニケーションを通して、コードのことを教えてもらう”という視点も大事です。

プロの目線になるのは時間が必要なので、まずは相手から学ぶ、そのために意図を伝えて擦り合わせる。というのも重要です。

その点も含めて勉強会でしゃべりました!

①基本的なコードの実装法則を紹介

②実装しづらいデータの特徴を紹介

③エンジニアさんへの共有方法

□ 勉強会で使ったドキュメントはこちら

『デザイナーがエンジニアとのコミュニケーションで気をつけたいこと。』

https://www.notion.so/takumikai/1cb4164003924033b6f85cb07ca4e269

□ STUDIO実装したい時はこちらをどうぞ

『STUDIO解説 - Youtube』

https://www.youtube.com/watch?v=Xq3B2mkmln0&t=1s

□ 実装しやすい=データやデザインが良いというだけじゃない

エンジニアさんが実装しやすいデザインと聞くと「あーコードのこと理解しないといけないんやな….」と思います。

もちろんそうです!が、それだけではなく”コミュニケーションを通して、コードのことを教えてもらう”という視点も大事です。

プロの目線になるのは時間が必要なので、まずは相手から学ぶ、そのために意図を伝えて擦り合わせる。というのも重要です。

その点も含めて勉強会でしゃべりました!

①基本的なコードの実装法則を紹介

②実装しづらいデータの特徴を紹介

③エンジニアさんへの共有方法

□ 勉強会で使ったドキュメントはこちら

『デザイナーがエンジニアとのコミュニケーションで気をつけたいこと。』

https://www.notion.so/takumikai/1cb4164003924033b6f85cb07ca4e269

□ STUDIO実装したい時はこちらをどうぞ

『STUDIO解説 - Youtube』

https://www.youtube.com/watch?v=Xq3B2mkmln0&t=1s

□ 実装しやすい=データやデザインが良いというだけじゃない

エンジニアさんが実装しやすいデザインと聞くと「あーコードのこと理解しないといけないんやな….」と思います。

もちろんそうです!が、それだけではなく”コミュニケーションを通して、コードのことを教えてもらう”という視点も大事です。

プロの目線になるのは時間が必要なので、まずは相手から学ぶ、そのために意図を伝えて擦り合わせる。というのも重要です。

その点も含めて勉強会でしゃべりました!

①基本的なコードの実装法則を紹介

②実装しづらいデータの特徴を紹介

③エンジニアさんへの共有方法

□ STUDIO実装したい時はこちらをどうぞ

『STUDIO解説 - Youtube』

https://www.youtube.com/watch?v=Xq3B2mkmln0&t=1s

実装しやすいデザイン超入門

12
1.実装しづらいデザインとは?
03:46
1.実装しづらいデザインとは?

1.実装しづらいデザインとは?

2.コードのレイアウト法則を見てみよう
01:30
2.コードのレイアウト法則を見てみよう

2.コードのレイアウト法則を見てみよう

3.よくあるヘッダー実装を見てみよう
06:36
3.よくあるヘッダー実装を見てみよう

3.よくあるヘッダー実装を見てみよう

4.コードのレイアウト例を見る
03:48
4.コードのレイアウト例を見る

4.コードのレイアウト例を見る

5.実装しづらいデザインデータとは?
04:01
5.実装しづらいデザインデータとは?

5.実装しづらいデザインデータとは?

6.実装しづらいデザインデータ②
06:05
6.実装しづらいデザインデータ②

6.実装しづらいデザインデータ②

7.データだけじゃなく必ず意図を共有しよう
02:04
7.データだけじゃなく必ず意図を共有しよう

7.データだけじゃなく必ず意図を共有しよう

8.エンジニアさんにデザインを文字で共有しよう
04:36
8.エンジニアさんにデザインを文字で共有しよう

8.エンジニアさんにデザインを文字で共有しよう

9.質問:実装しやすいデザインは綺麗なのか?
01:09
9.質問:実装しやすいデザインは綺麗なのか?

9.質問:実装しやすいデザインは綺麗なのか?

10.質問:実装の知識がないと就職できないか?
00:57
10.質問:実装の知識がないと就職できないか?

10.質問:実装の知識がないと就職できないか?

11.質問:実装はドキュメント共有すればOK?
02:01
11.質問:実装はドキュメント共有すればOK?

11.質問:実装はドキュメント共有すればOK?

12.実装はフレームワークを使うのが基本か?
02:46
12.実装はフレームワークを使うのが基本か?

12.実装はフレームワークを使うのが基本か?