Webデザイン

Webデザイン

気になるフリーフォントを集めました

こんにちは、工藤です。 ほぼ自分用…な気もしますがライセンスなどの確認用に気になるフリーフォントをあつめました。 前回も紹介しましたが足りなかったり、増えたりしたので…。 参考になったらうれしいです。 フォントを提供してくださっている皆さま、いつもありがとうございます。 フリーフォント(日本語/ゴシック体) Mgen+ (ムゲンプラス) [Mgen+ (ムゲンプラス)] Adobe から新たにリリースされたオープンなフォントである「源ノ角ゴシック」で漢字を補って作成されたフォ […]

Webデザイン

【ロゴデザイン】日本語のロゴをたくさん集めました。

おはようございます。本日の渋谷は雨です。寒いですね。 風邪が流行っているようなので、温かい物を食べて、気をつけて過ごしましょうね。 今日は日本語のロゴを集めてみました。 英字のロゴはたくさんあるんですが、日本語のロゴっていざ探すとなかなかしっくりくるものが無くて苦戦したりします。 参考になれば幸いです。

Webデザイン

【Illustrator】初心者のためのパス練習帳

デザイナーとしてお仕事をしていると、デザインを教えて欲しいと言われることがあります。 私は専門学校でデザインを学んだのですが、一番初めに基礎として練習したのが「パスの使い方」でした。 デザインの作業をするにあたって、背景の柄や、絵を描いたり、ロゴマークを作ったり、非常に大切です。使えないと仕事になりません。 (私に話を聞きに来る学生さん達は、photoshopを使って絵を描くことはできるけど、パスを使えないという子が多かったりします。) デザインに関して話し始めると24hあっ […]

Webデザイン

WEB制作に役立つ 配色ツール

こんにちは、工藤です。 今回は配色ツールについてまとめました。 Adobe Color CC [Adobe Color CC] Adobeが提供する、カラーテーマを作成できるツールです。以前はAdobe Kulerという名前でした。 Adobeのアカウントを持っていればカラーテーマの保存もできますし画面下に『検索』という項目があるのでそこから公開されている他の方の配色を見ることもできます。 またiPhoneアプリも用意されており、写真から色を抽出したり、Creative Cl […]

Webデザイン

国内のWebデザインギャラリーサイトまとめ

こんにちは、工藤です。 Webデザインのギャラリーサイトをご紹介します。 今回は国内サイトのみです。 I/O 3000 http://io3000.com/ 日本語サイトではありますが、集めているサイト自体は国内外問わずまとめられています。 カテゴリーや色で分けられているのはもちろん、独自のタグなども設定されているので目当てのサイトを見つけやすいです。 MUUUUU.ORG http://muuuuu.org/ 縦長のレイアウトのサイトが集められています。 こちらも日本語サイ […]

Webデザイン

Twitterまんが Part34

おはようございます。今年もあと数日ですが、皆様いかがお過ごしでしょうか。 長い長い休みをとって、既に退屈に過ごしている方もいらっしゃるんでしょうか。 そんな退屈に少しお付き合いするために、今日も漫画を書きました。 ほっこりとした気持ちになれば幸いです。 流行りの 今回書かせて頂いたツイート 今日はこちらのツイートを書かせて頂きました。 2014年大流行した「アナ雪」。こんな所にまで旋風を吹かせているんですね。とってもかわいい。 バックナンバー あわせてこちらもどうぞ。 Par […]

Webデザイン

パララックスを効果的に使用しているサイト

こんにちは、工藤です。 今回はパララックスを効果的に使用しているなあと感じたサイトを集めました。 LIX http://lixpen.com/ 「LIX」という3Dプリントペンの紹介サイトです。 スクロールしていくとサイトの中央に引かれていく線が印象的です。 Nikon 1 AW1 – Present Campaign http://shop.nikon-image.com/nikon1/nikon1aw1/ Nikonによるカメラの紹介ページです。 防水機能を謳 […]

Webデザイン

【キャラクターデザイン】秩父市キャラクター公募に応募しました。

以前、このブログで公募のまとめを記事にしました。 その中で埼玉県秩父市が開催していた「秩父市イメージキャラクターデザイン」の公募。 実は私もプライベートの時間を使って参加していたのですが、悲しきかな、落選が決定したのでこちらに掲載することに。せっかくですしね。 秩父市の公募 リンク: 「秩父市イメージキャラクターのデザインを募集します!」 主旨として、市のイメージアップのため、りゅうごんに続く「「秩父市」をモチーフにしたイメージキャラクターのデザイン」を制作するというものでし […]

Webデザイン

フリーで使える デバイスモックアップ素材のまとめ

こんにちは、工藤です。お久しぶりのブログの更新です。 今回はデバイスモックアップ素材をまとめさせてもらいました。 フリーのものを選んでいますが規約などは各ページのご確認をお願いします。 リアル系イラストのモックアップ素材 リアル系イラストのモックアップ素材です。 使い勝手が良いのでどんなサイトにでも合わせることができます。 Responsive Showcase Mockup Pack http://medialoot.com/item/free-responsive-scr […]

Webデザイン

Twitterまんが Part33

おはようございます。最近めっきり冬らしくなってきましたね。 皆様いかがお過ごしでしょうか。 私はというもの、年の瀬に向けて少々忙しくなってきています。 風邪引かないようにがんばって、年末まで駆け抜けていきましょう! さて、今日もほっこりと温かい気持ちになる癒しをお届けしたいと思います。 ちょっぴり息抜きにどうぞ。 新米パパ 本日書かせて頂いたツイート 今日はこちらのツイートを書かせて頂きました。 とっても幸せそうな家族ツイートが最近お気に入りです。 バックナンバー あわせてこ […]

Webデザイン

黒・グレーを効果的に使ったサイト

こんにちは、工藤です。 今回は黒・グレーを効果的に使ったサイトをまとめました。 東北大学大学院理学研究科・理学部 http://www.sci.tohoku.ac.jp/ マージンの取り方が絶妙で、学校のサイトは情報が多いと思うのですがそれを単色できれいにまとめているのが本当にすごいです。 コンバースオフィシャルサイト http://www.converse.co.jp/ コンバースのサイトです。靴自体がカラフルなので写真がとても映えるなと思います。 Mercedes-Ben […]

Webデザイン

芸術の秋 東京近辺の気になる美術展

こんにちは、工藤です。 毎日暑いな~と思っていたら一気に季節が秋になってしまいました。 涼しくなったら美術展に1回は行こう、と決めているので調べてみました。2014年9月現在の情報です。 オルセー美術館展 印象派の誕生 ―描くことの自由― http://orsay2014.jp/index.html 2014年7月9日(水) – 10月20日(月) 10:00-18:00 金曜日は20:00まで パリのオルセー美術館の名画84点が展示されるそうです。モネの温かい油 […]

Webデザイン

【キャラクターデザイン】ハロウィンおばけ

おはようございます。最近随分と秋めいてきましたね。過ごしやすい気温なのでとても快適です。 そんな中、スーパーやコンビニを見ているとハロウィンパッケージの商品がちらほらと出てきました。お月見が終わると行事ごとが一旦落ち着くので、ハロウィンは10月末にも関わらず随分早いです。 私もせっかくなので便乗しようと思い、キャラクターを作りました。 ゆるいキャラクターを作るのがとても楽しいですね。 先日秩父市キャラクター公募にも募集してみました。結果は10月だそうで、今とても楽しみにしてい […]

Webデザイン

おすすめのTumblrテーマ

こんにちは、工藤です。 個人的になのですがTumblrのカスタマイズが気になったので調べていました。 Tumblrって? ブログとtwitterのちょうど中間のようなサービスです。 手軽に文字や画像を投稿できますしtwitterのRTのように他の人の記事を共有出来たりします。 (リブログといいます) また、ユニクロのスペシャルサイトなどもタンブラーでつくられていたり企業サイトなどでも結構使われたりしています。あとはwikipediaでどうぞ。 テーマのつくり方に関しては分かり […]

Webデザイン

Twitterまんが Part32

おはようございます。新しいiPhone、発表されましたね。今朝はずっとその話題で持ちきりです。私としましては、iPhone6 PLUSの大きさを見て、画面の解像度が変わってしまうのかしらと心配しています。片手で持ち切れなさそうだし大変だなぁ。 さて、今日もまんがを書かせて頂きました。 忙しいお仕事の合間に、ふふっと思って頂ければ幸いです。 指きり 本日書かせて頂いたツイート ちょっぴりクスっとしてしまいました。 バックナンバー あわせてこちらもどうぞ。 Part31 「スーパ […]

Webデザイン

【バナー】「オーネット」婚活バナー

先日お仕事で婚活サービスを調べることがあり、ブログやニュースを見るたびに「婚活」のバナーが表示されていてじわじわと精神が削られています。 その中でもひときわ目立つ大手婚活サイト「O-net」さんのバナー。他社と比べてデザインパターンが圧倒的に多く、知名度も高いのですが、皆様ご存知でしょうか。 少々内容が突っ込みどころ満載なこともあり、話題に上がったりしますね。お年頃の方はよく見かけるものではないでしょうか。 今回はそんな婚活のバナーを集めてみました。 感情に直接働きかけるよう […]

Webデザイン

ログイン画面のデザインまとめ

こんにちは、工藤です。 今回はログイン画面のデザインを調べてみました。 何気ないんですけれど実はよく見る画面なのでもっと意識しないとなーと思うのですがつい後回しにしてしまったりします・・。 サムネイルクリックでログインフォームに飛びます。 シンプルなログインフォーム シンプルな背景に、ログインフォームが中央においてあるタイプです。 最近はフラットなものが多い印象があります。 evernote Rdio Simple magisto wordpress Google Favor […]

Webデザイン

実績を作るも良し、賞品を狙うも良し、公募まとめ

おはようございます。今週はお天気次第で気温の変化が激しいですね。 晩夏の折り、皆様いかがお過ごしでしょうか。 今日は公募をまとめみました。 デザイナーたるもの一度はこういったものに応募して表彰されてみたいですね。 自分の実績にもなりますし、賞品を狙ってお小遣い稼ぎにも良し。手軽に応募できるものもあったりするので、ぜひ皆様も一度検討されて下さい。 クリエイターさんでなくても。手軽に公募 奈良アニメメディア祭 愛称募集 ◆賞品: [最優秀賞]1名 キャラクターポスター・ポストカー […]

Webデザイン

参考にしたいCSSでできるテーブルデザイン10選

こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 テーブルデザイン Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php 名前の通りグレーを基調にリンクにオレンジと青を使ったテーブルです。 こちらのサイトでは右上にあるデザイン名からCSSを参照することができます。 Nimbupani http://icant.co […]

Webデザイン

Twitterまんが Part31

毎日まだまだ暑いですね。私はというもの、先日「アートアクアリウム」へ行って参りました。昨年ぐらいから話題になり始めた、いわゆる「金魚リウム」ですね。金魚とアートの織りなす不思議な世界、1時間待ちで入場しましたがとても美しかったです。 COREDO室町にも初めて行ったのですが、周辺アンテナショップやだし場もあってとってもオススメです。 さて、今日もまったりとまんがを書かせて頂きました。癒しの時間をお届けできれば幸いです。 スーパーカップ 本日書かせて頂いたツイート 暑いとなんだ […]

Webデザイン

宇宙を感動するミュージアム、『TenQ』に行ってきました

『TenQ』とは、先月、7月8日に東京ドームシティにオープンした、宇宙についての知識を深めることができる9つのエリアによって構成された、エンタテインメント・ミュージアムです。 国際宇宙ステーションから見下ろした地球の実写映像などを楽しむことができる「シアター宙(ソラ)」は、珍しい見下ろし型のプラネタリウムとして話題を集めており、東京の新名所として期待されています。 当日は夏休みが始まったところということもあり、たくさんの子供たちで賑わっていました。 結論から申しますと、大人で […]

Webデザイン

よく使いそうなアイコンを作成しました

こんにちは、工藤です。 今日はwebサイトでよく使いそうなアイコンをつくりました。 ある程度はストックしてあったりするのですが色々アイコンを見て回るとこういうテイストでつくりなおしたい!となって結構キリがないですね・・。 なかなか16pxあたりの表現もいまだにつかめていなかったりするのでもっといろいろなものを見てつくらないとなと思います。 一応fireworksのpngで作成しているのでもし使っていただけるならご自由にどうぞ。 それではこのあたりで。

Webデザイン

文字装飾パターン集

バナーやキャンペーンの画像を作る際、ゴテゴテのグラデーションやテクスチャをふんだんに使った文字装飾、大変ですよね。 大体値段やキャンペーンの内容となると分かりやすく金赤やゴールドが使用されるので毎度毎度マンネリになりがちだったりします。 そこで今日は、文字装飾のパターンを集めました。 Fireworksで開いてコピーし、「Shift + Ctrl + Alt + V」の属性をペーストを行うとそのままご自分のデザインに反映できます。

Webデザイン

高品質なのにフリー!背景に使えるテクスチャ配布サイト

こんにちは、工藤です。 梅雨が明けてもうすっかり夏ですね。暑いです。 今日は背景素材を無料で提供してくださっているサイト様のご紹介です。 パターンテクスチャなんかはたまに自作するとはまったりするのですがたくさんの種類を作るとなると心が折れてしまったりするので、無料で使わせていただけるのはありがたいです。 Subtle Patterns WEBサイト 背景画像と言えばここかなというぐらい高品質な素材を配布してくださっています。 基本的にシンプルなものが多いので微妙にアクセントが […]

Webデザイン

【キャラクターデザイン】

今、社内でスマートフォンアプリを作りたいなぁと相談していたりします。 爆発的に流行るアプリなんかはやはりキャラクターが決め手だったりするんですよね。アルパカやマンボウ、なめこetc…可愛らしいですよね。私もちょこちょこと使用したいキャラクターをぼんやり考えてみたりしています。 せっかくなので綺麗に書き直してこちらに載せることに。

1 2 3 4 5 6 9