読者です 読者をやめる 読者になる 読者になる

Webbiz

Webサイト制作やビジネス・デザインに関する備忘録的ブログです。

デザイン

知らなきゃ損!「モリサワ」シリーズの日本語webフォントを無料で使用する方法

http://typesquare.com/ サイト制作にはwebフォントは欠かせない時代になりました。欧文フォントは「google fonts」をはじめ多くのサイトで配布されていますが、無料で使用できる和文フォントはなかなかありません。特に明朝体を使いたい時は有料の壁を前に…

陸上自衛隊が公式エンブレム「桜刀(さくらかたな)」を発表

5月26日、陸上自衛隊は組織を象徴する公式エンブレム「桜刀(さくらかたな)」を発表しました。なんと意外にも今までエンブレムはなかったそうです。強さと優しさを兼ね備えた中にも気品があり個人的には素晴らしいエンブレムだと思います。 エンブレムの概…

illustratorCCで複雑なイメージマップ(クリッカブルマップ)を書き出す方法

イメージマップ(クリッカブルマップ)はクリックできるエリアを座標で指定しますが、複雑な形になると座標の指定がとても面倒です。そこで今回はadobe illustratorで書き出す方法を試してみました。 今回はこのイラストの1階・2階・3階の座標をそれぞれ指定…

【商用無料】ロゴ制作に重宝するベクター素材まとめ

ロゴの制作時に役立つ商用可能なベクター素材をまとめました。ご利用の際はそれぞれ利用規約をご確認ください。 抽象オブジェクト http://jp.freepik.com/free-vector/abstract-icons-for-logos-in-orange-blue-and-green_607002.htm http://jp.freepik.com/…

【商用可】レスポンシブHTML5テンプレートがダウンロードできる「CoolWebWindow」

http://www.coolwebwindow.com/html5/ こちらでは現在、6種類のレスポンシブHTML5テンプレートがダウンロード可能です。個人・商用どちらも利用可能で著作権表示やリンクも必要ないとのことです。もちろん、再配布は禁止です。 用途別に6種類のテンプレート…

アイコンwebフォント「Font Awesome」が便利すぎて、楽しい!

webサイト上でアイコンを使いたいとき、みなさんはどんな方法で表現しますか?私はもっぱらアイコンwebフォントの「Font Awesome」を使用しています。 設置が簡単で楽しいので、アイコンを必要以上に使ってしまい、結果アイコンだらけの微妙なデザインになる…

ウェブアクセシビリティを確保するために、押さえるべき10個の原則

「ウェブアクセシビリティ」はやさしさのかたまり ウェブアクセシビリティとは、簡単に言うと「より多くの利用者が、より多くの場面で、より多くの使い方を選べるようにすること」です。すなわち、どんな利用者にとっても使いやすいサイトにする「やさしさ」…

【高品質でカッコいい】無料でホームページが作れるサービス4選

マイナーなものを含めると無料でホームページが作れるサービス自体はたくさんありますが、サービスが終わってしまっては元も子もありません。ある程度知名度がありユーザ数も多く、且つクオリティの高いサービスを4つほどご紹介します。 Wix http://ja.wix.c…

好きな文字を東京五輪のエンブレムっぽいフォントにしてくれるwebサービス「TOKYO2020 Generator」

東京オリンピックのタイポグラフィを使ったwebサービスを発見したのでご紹介。ロゴの盗用問題で「パクってない」ことの証明として佐野研二郎が公表したタイポグラフィですが、これを使って自分の好きな文字を作れちゃうのが「TOKYO2020 Generator」です。作…

センスで勝負。面白パロディTシャツがアツい。

昔修学旅行で京都で見た記憶がありますが、今はネット通販で色々買えるので、今僕の中で密かなマイブームとなっています。そんな奥深きパロディTシャツの世界を少しご紹介したいと思います。 ST◯◯WARS 戦争はよくないですね。 アン◯ン◯ン 絶対誰も救えません…

無料で使える!商用可能な日本語フリーフォント

欧文のフリーフォントは多いですが、文字数の多い日本語のフリーフォントはなかなか探すのが大変ですね。そこで、私がよくお世話になるクオリティの高い和文フォントをまとめてみました。 ロゴたいぷゴシック 配布元サイト:http://www.fontna.com/blog/1226…

無料で商用利用可!ベクター素材配布サイト6選

時間短縮や効率化に、あると便利なベクター素材の配布サイトをまとめてみました。 シルエットデザイン http://kage-design.com/wp/ 人物、動物、建物などのシルエット素材や、よく使うマークなんかのベクター素材が揃っています。私もいつもお世話になってま…

パクりか偶然か!デザインの似ているロゴまとめ

東京オリンピックのロゴを巡る騒動を受けて、気になったので調べてみました。意外とあるある。っていうか東京オリンピックの問題が霞んで見えます。本当はもっとたくさんあったのですが、今回は皆さんもよく知っている有名な企業に絞ってみました。 明治 VS …

よく使うWebサービス・SNSのロゴダウンロードページまとめ

いちいち探すのがとても億劫なので一覧にまとめました。 google http://deployment-ja.googleapps.com/Home/user-resources/google-icons-and-logos google+ https://developers.google.com/+/branding-guidelines Android http://developer.android.com/dis…

無料で商用利用可!レスポンシブテンプレート配布サイト5選

無料ホームページテンプレート.com http://f-tpl.com/ コーポレートサイトなどに最適なシンプルなデザインのものが豊富。2,980円でクレジット表記を外すことができます。 Template Party http://template-party.com/ ビジネス向けや店舗向け、個人サイト向け…

意外と面倒くさいダミー画像を簡単に作成できるwebサービス「Dynamic Dummy Image Generator」

http://dummyimage.com/ 意外と面倒くさいダミー画像の作成が簡単にできるwebサービスです。 Size:背景画像 Background Color:背景画像 Foreground Color:文字色 Format:画像形式(png,jpeg,gif) を設定し、自動生成された画像を右クリックで保存できま…

ゲーム感覚でカーニングのトレーニングが出来るサイト「KERNTYPE」

http://type.method.ac/ 意外とうまくいかないことも多いカーニング。ロゴなんか作ってる時もどの位置がベストか悩むことが多いです。 「KERNTYPE」ではゲーム感覚で楽しみながらトレーニングすることができます。 全10問で1問1答で採点されます。移動したい…

かわいいイラストが無料!しかも商用利用可の「いらすとや」

http://www.irasutoya.com/ このタッチ、どこかで見たことありませんか? イラストの可愛さはもちろん、色々な業界で使える汎用性の高さから様々なサイトややチラシなどで幅広く利用されています。 例えば、医療業界の場合はこんな感じ。結構ニッチなイラス…

パブリックドメインの写真を検索できるサイト「Pixtabay」

https://pixabay.com/ 著作権や知的財産権の帰属問題で頭を悩ませることなく、商用でも使用できる、パブリックドメインの写真素材を検索できます。 クオリティの高い写真も数多くあるので結構重宝しています。