2022年4月第1週号　1位は，UI／UXデザインのテクニックを6つ紹介，気になるネタは，TVer、リアルタイム番組の「追っかけ再生」可能に　民放の「公式テレビ配信サービス」へ

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から，Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は，2022年3月28日〜4月3日の間に見つけた記事のベスト5です。

1. I wrote a book on UI/UX, here are my 6 tips for a great web & mobile design

https://www.indiehackers.com/post/i-wrote-a-book-on-ui-ux-here-are-my-6-tips-for-a-great-web-mobile-design-4ffe3f92ed

UI／UXデザインのテクニックを6つ紹介しています。

1. きれいなグラデーションを作るために自然をイメージした色を使う
2. リアルなデザインを実現するするためにエレメントの下部に影をつける
3. ボタンは常に角を丸くする
4. Fパターン、Zパターンに従ってボタンを配置する
5. ユーザーが常にガイダンス（手引き）を受けられるようにする
6. クリック／タップできる領域を適切に設定する
7. 画像の構図に三分割法を取り入れる

図1　UI／UXデザインのテクニックを6つ紹介

2. Advanced Figma tips & tricks 2022 | by Christine Vallaure | Mar, 2022 | UX Collective

https://uxdesign.cc/advanced-figma-tips-tricks-2022-20cbf9fdda45

Figmaのテクニックを23個もまとめた記事です。この回はパート2でパート1へのリンクもあります。

Photoshopの「結合部分をコピー」のように、フレーム内のデザインをエクスポートせずにPNGとしてクリップボードにコピーできるなど、知らない機能をたくさん知ることができました。

Figmaの操作をGIFアニメにして掲載しているので十分わかりやすいですが、同じ内容のYouTube動画も用意しています。テキスト記事と動画の好きな方で情報収集できるのはうれしいですね。