ネットで見かけたWebテク
1. 10 Tips for Writing Great Microcopy | Design Shackhttps://designshack.net/articles/ux-design/10-tips-for-writing-great-microcopy/
良いマイクロコピーを書くヒントを10個紹介しています。
- ユーザーが何をすべきかを示す
- 簡潔にする
- 重要なコピーは常に表示する
- サイトのトーンに合わせる
- 専門用語を使わない
- 画像に関する情報はAltタグに入れる
- 適切なオプションを提供する
- 正しい場所にテキストを入れる
- 画像にした文字ではなく
「テキスト」 を使う - 成功時とエラー時両方のメッセージを用意する
![図1 良いマイクロコピーを書く10個のヒント 図1 良いマイクロコピーを書く10個のヒント](/assets/images/design/clip/01/weekly-web-tech/201806/07/thumb/TH800_001.png)
2. How Using White Space Improves Your Designs - Onextrapixelhttps://onextrapixel.com/how-using-white-space-improves-your-designs/
ホワイトスペースを使ってデザインを改善する方法を解説した記事です。
- 注目を集める
- 見た目での優先順位を決める
- グループに分ける
- 読みやすくする
ホワイトスペースに関する、
![図2 ホワイトスペースを使ってデザインを改善する方法 図2 ホワイトスペースを使ってデザインを改善する方法](/assets/images/design/clip/01/weekly-web-tech/201806/07/thumb/TH800_002.png)
3. 2018 Logo Trends | Articles | LogoLoungehttps://www.logolounge.com/articles/2018-logo-trends
2018年のロゴデザインのトレンドを、
ロゴデザインのトレンドは振り子のように振れていて、
![図3 2018年のロゴデザインのトレンド 図3 2018年のロゴデザインのトレンド](/assets/images/design/clip/01/weekly-web-tech/201806/07/thumb/TH800_003.png)
4. Exploring Dark and Gothic Trends in Web Design - 1stWebDesignerhttps://1stwebdesigner.com/dark-gothic-web-design/
暗くゴシック様式のウェブデザインの事例を紹介しています。
明るい色、
![図4 暗くゴシック様式のウェブデザインの事例いろいろ 図4 暗くゴシック様式のウェブデザインの事例いろいろ](/assets/images/design/clip/01/weekly-web-tech/201806/07/thumb/TH800_004.png)
5. Build Multiple Stacking Sticky Sidebars with Pure CSS and Bootstrap 4 ― Scotchhttps://scotch.io/tutorials/build-multiple-stacking-sticky-sidebars-with-pure-css-and-bootstrap-4
スクロールしても残り続けるサイドバーを、
Multiple Stackingというのは、
![図5 スクロールしても残り続けるサイドバーを実装する方法 図5 スクロールしても残り続けるサイドバーを実装する方法](/assets/images/design/clip/01/weekly-web-tech/201806/07/thumb/TH800_005.png)
そのほか、
- InstagramのアルゴリズムをInstagramのチームが詳しく説明 | TechCrunch Japan
フィードの表示のアルゴリズムについて公式に語られるのは初めてとのこと - アマゾン、
スタートアップの支援施設 「AWS Loft Tokyo」 を10月に開設へ - CNET Japan
無償かつ予約不要で利用できるコワーキングスペースを提供するそうです - Apple、
「HomePod」 をカナダ、 フランス、 ドイツで6月18日発売 (日本はまだ) - ITmedia NEWS
「技適は取得済みで日本語をサポート済みなので、近く日本でも発売されそう」 とのことです
先週の気になるWebサービス
さくっと作成、らく~に運営|One Page(ワンページ)https://one-page.cloud/
「One Page」
ページ編集はパーツをドラッグ&ドロップして配置してから、
パソコン上でブラウザ幅を狭めるとメインコンテンツ部分が半分のサイズになるのが気になりますが、
![図6 1ページもののウェブページを簡単に作成、公開できるサービス 図6 1ページもののウェブページを簡単に作成、公開できるサービス](/assets/images/design/clip/01/weekly-web-tech/201806/07/thumb/TH800_006.png)