ネットで見かけたWebテク
1. Is the F-pattern Still Relevant? | Webdesigner Depothttps://www.webdesignerdepot.com/2019/12/is-the-f-pattern-still-relevant-in-web-design/
ウェブページを見るときの目の動きがF字型になるという
ユーザーにとって関連性のあるもの、
ユーザーがページを目でスキャンするために、
- 短い文と段落
- ヘッダーとサブヘッダーを使用し、
すばやくわかりやすく説明する - 箇条書き、
画像、 太字のテキスト、 ハイパーリンク、 豊富なスペースなど、 自然に目が止まる要素
![図1 ウェブページに「Fパターン」は今でも重要か 図1 ウェブページに「Fパターン」は今でも重要か](/assets/images/design/clip/01/weekly-web-tech/201912/19/thumb/TH800_001.png)
2. Small Business Website Design: 5 Tips to Improve Ithttps://icons8.com/articles/small-business-website-design/
スモールビジネスでのウェブデザインのヒントを紹介しています。
- シンプルでエレガントなデザインを選ぶ
- レスポンシブが重要
- 色の使い方を学ぶ
- ソーシャルメディアをデザインに取り込む
- 画像をうまく使用する
- 適切なタイポグラフィを選ぶ
![図2 スモールビジネスでのウェブデザインのヒント 図2 スモールビジネスでのウェブデザインのヒント](/assets/images/design/clip/01/weekly-web-tech/201912/19/thumb/TH800_002.png)
3. Picking the right stock photo for your next design projecthttps://uxplanet.org/picking-the-right-stock-photo-for-your-next-design-project-91691babeef8
ストックフォトを配布しているサイトをまとめています。無料で使えるストックフォトのサイトが多数あって参考になります。
また、
![図3 無料のストックフォトサイトのまとめ 図3 無料のストックフォトサイトのまとめ](/assets/images/design/clip/01/weekly-web-tech/201912/19/thumb/TH800_003.png)
4. 17 useful tools for UI/UX designers | Webflow Bloghttps://webflow.com/blog/ui-ux-design-tools
UI/
Sketch、
![図4 UI/UXデザインツールを17種類紹介 図4 UI/UXデザインツールを17種類紹介](/assets/images/design/clip/01/weekly-web-tech/201912/19/thumb/TH800_004.png)
5. The Figma tutorials and guides you've been looking forhttps://www.designyourway.net/blog/resources/figma-tutorials/
Figmaを学ぶためのチュートリアル記事や動画をまとめています。
初心者向けのものから高度なものまで、
![図5 Figmaを学ぶためのチュートリアルいろいろ 図5 Figmaを学ぶためのチュートリアルいろいろ](/assets/images/design/clip/01/weekly-web-tech/201912/19/thumb/TH800_005.png)
そのほか、
- TwitterでiPhoneの
「Live Photos」 をGIFとして投稿可能に - ITmedia NEWS
アニメーションGIFになるということは音はなくなるということですね - Apple川崎がラゾーナにオープン、
1600人が行列しノベルティは13時ごろになくなる | TechCrunch Japan
大型ショッピングモールへの出店で盛り上がっていたようです - BluetoothとUSB Type-Cのハイブリッド版も--PFU、
高性能キーボードHHKBを一新 - CNET Japan
Happy Hacking Keyboardシリーズがフルリニューアルしました
先週の気になるWebサービス
SocialSizes.io - Image and Video sizes for Social Mediahttps://socialsizes.io/
SocialSizesは、
たとえばInstagramのテンプレートには、
アメリカでも人気というTikTokや、
![図6 ソーシャルメディア用の画像や動画のテンプレート 図6 ソーシャルメディア用の画像や動画のテンプレート](/assets/images/design/clip/01/weekly-web-tech/201912/19/thumb/TH800_006.png)