週刊Webテク通信
2020年9月第3週号 1位は，ナビゲーションメニューのUXデザインの原則，気になるネタは，Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション
ネットで見かけたWebテク
1. UX Design for Navigation Menus | Learn UXDhttps://
ナビゲーションメニューのUXデザインの原則について解説しています。
- 配置の問題
- ユーザーがどこにいるのかを示す
- メガメニュー対ドロップダウン
- 効果的なリンクのタイトル
- アイテム数はいくつ？
- 隠さない
- ビジュアルデザインのヒント
図1 ナビゲーションメニューのUXデザインの原則
2. How to Choose UI Colors for Mobile and Web Design Wiselyhttps://
プロダクトに合ったUIデザインの色の選び方をまとめた記事です。
- 色の心理学を学ぶ
- 調和の取れた色にこだわる
- 60-30-10ルールに従う
- 文化の違いを受け入れて対処する
- バランスの取れたコントラスト
- 最初はグレースケールに絞る
- 自然からインスピレーションをもらう
図2 プロダクトに合ったUIデザインの色の選び方
3. Landing Page 101: How to design a landing page that converts | Dribbble Design Bloghttps://
効果のあるランディングページをデザインする方法を紹介しています。
- すでに確立されているパターンを利用する
- A／
Bテストを行う - メインのナビゲーションをなくす
- 少ないほど良い
- フォームをより短くする
- テキストを斜め読みできるようにする
- セクションごとの区切りがわかるようにする
- 行動を促す要素を繰り返す
図3 効果のあるランディングページをデザインする方法
4. 7 Principles Of Icon Designhttps://
アイコンデザインの7つの原則をまとめた記事です。
- 一貫した見た目の重さ
- シンプルさとミニマリズム
- 一貫したブランドの個性でアイコンを作成する
- 十分な空白のあるアイコンをデザインする
- 画面解像度に合わせて完璧にピクセル表示されるデザイン
- コントラストとカラーパレット
- 幾何学的形状は効果が大きい
図4 アイコンデザインの7つの原則
5. Footers Design Gallery | Smiley Cathttps://
フッターデザインのギャラリーです。なんと11ページにも渡って紹介されていました。
連絡先情報，
図5 フッターデザインのギャラリー
そのほか，
- アップル，
「最も野心的な」 水上球体ストアの店内を先行公開 - CNET Japan
シンガポールの直営店で，水中会議室もあるそうです - 現実世界の地図上で
「パックマン」--地理情報ゲーム 「PAC-MAN GEO」 が今秋配信 - CNET Japan
Googleマップの道路情報を元に好きな場所でパックマンが楽しめます - マクドナルド，
公式サイトが 「モバイルオーダー」 対応 会員登録など不要に - ITmedia NEWS
アプリのインストールも会員登録もなしで注文できるようになりました
先週の気になるWebサービス
Narakeethttps://
Narakeetはプレゼンスライドからナレーション付き動画を作れるサービスです。テキストから音声読み上げする仕組みで，
PowerPoint，
マークダウンで指示書を書き，
図6 プレゼンスライドからナレーション付き動画を作れるサービス
今週の気になるWebネタ
Alexaにおはようと言うと，
Alexaを使ったあいみょんニューアルバムのプロモーションが面白いです。
一日限定でしたが，
「おはよう」
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/
バックナンバー
週刊Webテク通信
- 2020年9月第4週号 1位は，Webデザインで使われる5つの基本の画像タイプ，気になるネタは，ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
- 2020年9月第3週号 1位は，ナビゲーションメニューのUXデザインの原則，気になるネタは，Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション
- 2020年9月第2週号 1位は，CSS Flexboxを使ったヘッダーの作り方，気になるネタは，“偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能
- 2020年9月第1週号 1位は，ウェブアニメーションの基本ルール，気になるネタは，MS監修，Officeみたいなアプリを搭載したパソコン玩具，タカラトミーが発売 「在宅勤務の親と同じことを」
関連記事
- 2020年10月第2週号 1位は，UIデザインの危険なトレンド，気になるネタは，Hameeが小学生向け“プレスマホ”を発表 月額1000円で1GB，Google Playにも対応
- 2020年8月第4週号 1位は，レスポンシブデザインとアダプティブデザインの比較，気になるネタは，C Channel，アプリサービスを9月末で終了へ--SNSでのコンテンツ配信にシフト
- 2020年2月第2週号 1位は，色彩理論をCSSでの色の設定に生かすためのヒント，気になるネタは，Googleマップが15周年で新ロゴに 5タブの新デザインと新機能も
- 2019年12月第2週号 1位は，デザインツールに関するアンケート調査の結果，気になるネタは，「一太郎」スマホアプリ登場 写真から自動で文字起こし 開発の理由は
- 2019年11月第4週号 1位は，ロゴのバリエーションが重要な理由，気になるネタは，InstagramにTikTokのような「Reels」機能追加 まずはブラジルで