週刊Webテク通信
2022年1月第4週号 1位は,Figmaのあまり知られていないテクニック集,気になるネタは,Twitter Blue利用者はNFTをプロフィール写真として使用可能に
ネットで見かけたWebテク
1. A few lesser-known Figma tips. At Medium, our design team’s tool of… | by Greg Dougherty | Jan, 2022 | Medium.designhttps://medium.design/a-few-lesser-known-figma-tips-29db4a731926
Figmaのあまり知られていないテクニックを紹介した記事です。
- SVGをブラウザからコピーしてFigmaにペーストする
- 色の名前を入力してHEX値に変換する
- テキストを囲むバウンディングボックスをダブルクリックすると,
「Auto Width (自動幅)」に折り返しが変わる - エレメントを選んでShift+Xで線と塗りの色が入れ替わる
- オブジェクトをドラッグしているときにスペースバーを押しっぱなしにするとオートレイアウトは無視される
2. Badge UI design exploration — Tips & tricks, usability, and use cases reviewhttps://setproduct.com/blog/badge-ui-design
バッジUIのテクニックや使用例などを解説した記事です。バッジはステータスや通知,
バッジのデザイン上の工夫や,
3. UI & UX Micro-Tips: Volume Twelvehttps://www.marcandrew.me/ui-ux-micro-tips-volume-twelve/
何度か紹介した,
- 商品リストでラジオボタンとドロップダウンのどちらを使うか
- ただ黒い影を使うのでなく,
より現実的に見えるようにする - ダークテーマを使う場合,
白も目にやさしくコントラストを下げる - 商品を正しく紹介するために,
最高の画像を使う - フォームのエラー状態を伝えるのに色だけに頼らない
- サンプルの値を使ってフォームのUXを向上させる
4. 25 Places Where You Can Get Free Tailwind CSS Components - DEV Communityhttps://dev.to/cruip/25-places-where-you-can-get-free-tailwind-css-components-47lm
Tailwind CSSのコンポーネントを無料で入手できる場所をまとめています。Tailwind CSSのエコシステムが成長して,
コンポーネント集だけでなく,
5. clay.css - by Adrian Becehttps://codeadrian.github.io/clay.css/
クレイモーフィズムなスタイルを要素に適用するためのCSSです。ふわふわ浮かんだ粘土のようなオブジェクトを作ることができます。
CSS変数でカスタマイズでき,
そのほか, アイソメトリック 立方体はサイズと色を変更でき, できた画像はSVGファイルとしてダウンロードするか, TwitterでNFTプロフィール画像が利用できるようになりました。とはいえ有料のTwitter Blueユーザー向けなので, 認証済みNFTをプロフィール画像に設定すると, FacebookとInstagramもNFTをプロフィール画像にする機能を準備しているというニュース記事がありました。NFTを作成および取引する機能も準備しているとのことです。Web3,
いまだに
WorkplaceとTeamsも新たな連携機能が発表されました
公式サイトのクオリティやHTMLソースに入っているコメントも話題になっていました先週の気になるツール/
iiisometric → 3D-like isometric design builderhttps://
今週の気になるWebネタ
Twitter Blue利用者はNFTをプロフィール写真として使用可能に | TechCrunch Japanhttps://
バックナンバー
週刊Webテク通信
- 2022年1月第4週号 1位は,Figmaのあまり知られていないテクニック集,気になるネタは,Twitter Blue利用者はNFTをプロフィール写真として使用可能に
- 2022年1月第3週号 1位は,扇形グラデーションと放射グラデーションを細かく解説,気になるネタは,「Vカツ」突然の終了発表 アバターは利用不可に 「体なくなる」ユーザー困惑
- 2022年1月第2週号 1位は,2021年のUIデザインのトレンド振り返り,気になるネタは,レノボ,サブ画面付きの超横長ノートPC「ThinkBook Plus Gen 3」を発表
- 2022年1月第1週号 1位は,ソーシャルプルーフ(社会的証明)をWebサイトにどうデザインするか,気になるネタは,Web3企業のURL末尾でみかける「.xyz」とは?
関連記事
- 2022年4月第1週号 1位は,UI/UXデザインのテクニックを6つ紹介,気になるネタは,TVer,リアルタイム番組の「追っかけ再生」可能に 民放の「公式テレビ配信サービス」へ
- 2021年10月第2週号 1位は,Figmaでのデザイン作業をスピードアップする方法,気になるネタは,InstagramがIGTVブランドを廃止,リール以外のビデオを「Instagram Video」フォーマットに統一
- 2021年9月第2週号 1位は,なぜユーザーはデザインリニューアルを嫌うのか,気になるネタは,デジタル庁発足 公式サイトにITエンジニアから反応続々「シンプル」「重い」「ロゴが丁寧」「苦労が見える」
- 2021年9月第1週号 1位は,効果的な会社概要ページをデザインするヒント,気になるネタは,Apple、iCloudでメール非公開とカスタムドメインを可能に
- 2021年6月第2週号 1位は,Webデザインを改善するための6つの方法,気になるネタは,5月モバイルSNSシェア、Twitter・Pinterest・Facebookが強い日本