UX/UIデザイン

121
【配布】OGP画像のテンプレートと作成方法

【配布】OGP画像のテンプレートと作成方法

最近OGP画像を作成する機会があり、 個人的にFigmaにてテンプレートを作成したのですがせっかくなので 配布します〜!✨ 01.そもそもOGPとは? 「Open Graph protocol」の略称です。FacebookやTwitter、Google+、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組みです。 SNSでリンクをシェアする時に各SNS特有のサイズで表示されるサム

スキ
39
【Figma】 Prototype Action

【Figma】 Prototype Action

Figmaを使ってスマホUI / web UIを絶賛勉強中です〜☺︎ Figmaがとっても便利なツールなのはわかってきたのですが、 インターフェースが英語なのが、私にとっては最初の壁…。 プロトタイプのアニメパターンについてはなかなかまとまった記事がなかったので、動きを日本語にまとめてみました。 (準備) Design → Prototype に切替 Prototypeに切替ると、 ボタンや画面を結ぶ線を出せるようになります。 1.Trigger アクションを起こすト

スキ
11
【Figma】 vs Adobe XD

【Figma】 vs Adobe XD

Figma 使いつつ、XDのアップデートも復習中です。 どっちが使いやすいかな〜と思いながら、比較してみました。 注)19/04/11時点です* 今の所、チームメンバーがいるようなプロジェクトだとFigmaが強い印象です◎ ビジュアル作りの速さはAdobe連携でXDが強い気もします…🤔 「いやいや、こんな便利な点で断然こっち!」というお詳しい方、コメントで教えてもらえると嬉しいです◎ せっかくなので、どっち派の人が多いか、アンケートもつけてみたいと思います

スキ
3