Sketch用のソーシャルボタン素材ファイル「Social-Button-jp.sketch」を公開しました。

Publish2014/08/13(水)

今日はいつもと少し趣向を変えまして、よく使うから作っておこうと思っていたSketch用のソーシャルボタンを時間ができたので作って公開しました。
どういうものかという説明は以下で。
Social-Button-jp.sketch

こういう時に使おう

このファイルの使うタイミングとしては、ダミーとしてソーシャルボタンをSketchに埋め込む場合に使用する感じになります。
例えば、ページのデザイン時などにソーシャルボタンを埋め込む時があるかと思うんですが、毎回画像を用意したりキャプチャ取ったりするのもめんどくさいです。
たまにならいいですが、毎回とかだと「またこの作業か」となりますよね。
そこで、あらかじめ用意しておいて、簡単に挿入してしまおうということです。
何度か書いてますが、複数回行う作業はパターン化・自動化の対象ですので、こういう「単純作業」は効率化してしまいましょう。
使用される対象としては、デザイナーはもちろんですが、企画書用に使ったり、ワイヤーフレーム作る際のサンプルとしても使えるので、ディレクターを含めて比較的幅広い範囲の方が使えるのではないかなと思います。
中身にあるのは「Facebook」「Twitter」「Google+」「はてなブックマーク」「Pocket」「Pinterest」です。
日本でよく使われているソーシャルボタンで、表示が日本語になっているもののバルーン型と通常型の2パターンを収録しました。
ちなみに、用意しているファイルはSketchのファイルのみです。
他のソフトで使う際にはファイル変換して使うとかになりますが、変換したら多分ずれるのでそこからの微調整は各自でご対応ください。

使い方

僕が推奨する使い方としては、ファイル自体をテンプレートに登録しておいて使うと便利かと思いますし、場合によってはシンボルにしてもいいかと思います。
自分の好きな使い方で使ってください。
テンプレート化する場合は、「File」メニューから「Save as Template」で登録できます。
登録したテンプレートは、「File」メニューの「New From Template」から開くことができるので、結構便利になるかと思います。

ダウンロードとライセンス

公開ファイルはGitHubに置いてます。
ライセンスも特に決めてないので、自由に使ってください。
ソーシャルボタンの仕様が変わってデザイン変わることもあるかと思いますが、その場合に即対応するかどうかは決めてません。
基本的に「サンプルとしてとりあえず埋めとく用」の使い方になるかなとは思いますので。
あと、一応全部ベクターになってます。
Sketchをまだ使っていない人が使い始めるきっかけになれば嬉しいですね。
ダウンロードはこちら

記事の著者:ふにすでぐち

ふにすでぐち

1978年生まれ。企業のWeb活用をテーマに、Webサイトの運用を中心とした戦略的な企画立案、サポートやWebサイトの構築などを行っています。
5年間のWeb制作会社勤務後、2年間のフリーランスで「フニス」として活動後に法人化し、2012年7月「ふにす株式会社」を設立。
Web活用の情報や考え方などを発信するブログ「ふにろぐ」を不定期で更新しています。
2015年11月より大阪府高槻市に「ふにすWeb相談所」を開設。
地域の方々に気軽にWebのことを相談できる場所として、より多くのWeb運用の問題解決をするために活動しています。
また、不定期で大阪を中心にWeb運用やブログなどをテーマにしたイベント「ふにセミWS」を開催しています。
サイトの運用や活用にお困りの方はお気軽にご相談ください。
お問い合わせはこちら

LINEでWebに関する質問にお答えしています。

ふにすでは、LINEでWebに関するご質問にお答えしています。Webに関するあんなことやこんなこと、今さら聞けない疑問などなんでもご相談ください。LINEアプリでQRコードを読み取ると友達登録のリンクが表示されますので、試しに登録してみてください。

ふにろぐとは?

でぐち

ふにろぐは「ふにす株式会社」の「でぐち」が書いているブログです。
このブログでは主にサイトの運営をしている企業のご担当者様向けに、「サイトの運営に役立つTips」や「今更人に聞けないような初歩的なこと」を中心に情報を配信しています。
その他には僕自身の考え方なども書いています。

このブログについて

ふにす株式会社

ふにす株式会社は大阪の高槻にある「Webを起点に会社の成長を応援するパートナー」をモットーに、Webにまつわるいろいろな問題を解決する、サポートをする会社です。
ホームページでお問い合わせを増やしたい、もっとたくさんの人に見てもらいたいなど、ホームページ/Webサイトを活用したい方向けの活動を行っています。
また、ホームページの作成や、外部パートナーとしての運用サポートなど、幅広くWebにまつわる諸々のことをおこなっております。

ブログ内検索

サービス

ふにすWeb相談所

ホームページの運用お得情報

ホームページ/Webサイトの運用に関する記事のまとめです。ツールや運用ノウハウなど、知っていると便利になる情報ですので、まずはこちらをご覧ください。

Webサイトの運用に関する情報

お問い合わせ

ホームページを成功させたいとお考えの方はお気軽にご相談ください。
ご相談は、下記の中からお好きなものを選んでいただければ大丈夫です。

  • メールで問い合わせる
  • チャットワークで問い合わせる
  • Facebookで問い合わせる
  • Twitterで問い合わせる

LINE@でも相談を受け付けています。
QRコードから友達登録を行って、メッセージを送ってください。

LINE@

最新記事

カテゴリ別記事一覧

月別記事一覧