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

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

イメージマップ（クリッカブルマップ）はクリックできるエリアを座標で指定しますが、複雑な形になると座標の指定がとても面倒です。そこで今回は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/…

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

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

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

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

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

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

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

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

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

いちいち探すのがとても億劫なので一覧にまとめました。 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…

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

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

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

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

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