BGS-WORKS Blog » Design http://blog.bgs-works.com WEB業界で生き残るためのTipsやカスタマイズ方法をご紹介　 bgs-works.com Sun, 13 Mar 2011 04:22:53 +0000 ja hourly 1 http://wordpress.org/?v=3.0 [Icon] すごく使いやすそうなAIファイルのアイコン http://blog.bgs-works.com/2011/02/icon-%e3%81%99%e3%81%94%e3%81%8f%e4%bd%bf%e3%81%84%e3%82%84%e3%81%99%e3%81%9d%e3%81%86%e3%81%aaai%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/ http://blog.bgs-works.com/2011/02/icon-%e3%81%99%e3%81%94%e3%81%8f%e4%bd%bf%e3%81%84%e3%82%84%e3%81%99%e3%81%9d%e3%81%86%e3%81%aaai%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/#comments Mon, 14 Feb 2011 07:23:51 +0000 admin http://blog.bgs-works.com/?p=730 アイコンはいざって時のために、ストックはいくらあっても邪魔にはならないですよね。
最近は同じものばかり使い回してまっったく新規を探してなかったのですが、
めちゃめちゃ素敵なアイコンを発見してしまいました。
別に探す予定でなかったところに見つかったので、すっごいテンションアップです。

User Interface Design Framework

基本サイズ16pxの使いやすいiconだけでなく、グラフィックパターンやWEBデザイン等で活躍しそうなGUIシンボルなども一緒にダウンロード出来ます。
実際入れてみましたが、色のパターンを変えるだけで、ドンドン使えそうなシンプルなものばかりで、本当嬉しい限りです。

Colección de iconos cuadrados en color gris

これめっちゃおしゃれ！
サンプルでダウンロード出来るicon使った使用例みたいなのを作ってくれてるんですが、ちょっとそのシンプルなデザイン性に自分がっかり・・・・
ああ、こういうのをデザイナーって言うんだなぁ。とか思ってしまいましたよ。
これぐらいなシンプルデザインが、頭の中でドンドン湧けばいいのになぁ。そういう人になりたいなぁ・・・・

タグ:, , ,
]]> http://blog.bgs-works.com/2011/02/icon-%e3%81%99%e3%81%94%e3%81%8f%e4%bd%bf%e3%81%84%e3%82%84%e3%81%99%e3%81%9d%e3%81%86%e3%81%aaai%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/feed/ 0 [Design] 素敵なデザインの名刺を作るための参考サイト http://blog.bgs-works.com/2010/10/design-%e7%b4%a0%e6%95%b5%e3%81%aa%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%90%8d%e5%88%ba%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae%e5%8f%82%e8%80%83%e3%82%b5%e3%82%a4%e3%83%88/ http://blog.bgs-works.com/2010/10/design-%e7%b4%a0%e6%95%b5%e3%81%aa%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%90%8d%e5%88%ba%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae%e5%8f%82%e8%80%83%e3%82%b5%e3%82%a4%e3%83%88/#comments Wed, 06 Oct 2010 12:23:59 +0000 admin http://blog.bgs-works.com/?p=697 名刺・・・
私の場合なんでもそうなんですが、「いいなぁ〜」が増えると結局考えがまとまらず、どうにもかっこ良く仕上げられない。
無駄なものを削除しなきゃ、COOLにはならないのにね。
普段仕事でこだわりを入れまくるクライアントのデザインを、ボロクソに言うくせにね・・・

でも懲りずに参考サイトを探してしまいます。。アハッ
お金かけてるものばかりで、実際真似は出来ないでしょうが〜

1. 100 (Really) Creative Business Cards

2. 50 Beautiful Business Card Designs

3. 素敵な名刺デザインいろいろ

4. Business Cards

5. 名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α

6. Business Card Star
これは参考サイトじゃなく、名刺作成に便利なサイトですね。

すごいデザイン性の数々・・・
でもやっぱり日本の名刺はあんまり出てこないですね。
個人情報の問題とかで、あんまり出せないのかなぁ？日本のデザインもかっこいいものあると思うんだけど、残念ですね。

タグ:, , , ,
]]> http://blog.bgs-works.com/2010/10/design-%e7%b4%a0%e6%95%b5%e3%81%aa%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%90%8d%e5%88%ba%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae%e5%8f%82%e8%80%83%e3%82%b5%e3%82%a4%e3%83%88/feed/ 0 [Design] やっぱり素敵～手書き風サイト特集 http://blog.bgs-works.com/2010/09/design-%e3%82%84%e3%81%a3%e3%81%b1%e3%82%8a%e7%b4%a0%e6%95%b5%ef%bd%9e%e6%89%8b%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%82%b5%e3%82%a4%e3%83%88%e7%89%b9%e9%9b%86/ http://blog.bgs-works.com/2010/09/design-%e3%82%84%e3%81%a3%e3%81%b1%e3%82%8a%e7%b4%a0%e6%95%b5%ef%bd%9e%e6%89%8b%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%82%b5%e3%82%a4%e3%83%88%e7%89%b9%e9%9b%86/#comments Mon, 13 Sep 2010 02:17:41 +0000 admin http://blog.bgs-works.com/?p=674 少し前に、手書き風サイトに強い憧れを抱いておりましたが、
改めて見直すと、やっぱり素敵に映ります。
センス！これぞセンス！　なサイト様特集です。

１．The Digital Invaders

2. Frank PR

3. Robbin Ingvarsson, Waldemar Wegelin

4. JCB by Nizlop

ほかにも沢山！
詳しくはコチラ　→　43 Impressive and Fully Creative Hand Drawn Websites

タグ:, ,
]]> http://blog.bgs-works.com/2010/09/design-%e3%82%84%e3%81%a3%e3%81%b1%e3%82%8a%e7%b4%a0%e6%95%b5%ef%bd%9e%e6%89%8b%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%82%b5%e3%82%a4%e3%83%88%e7%89%b9%e9%9b%86/feed/ 0 [Icon] WEB印鑑を無料で作ってみたい http://blog.bgs-works.com/2010/03/icon-web%e5%8d%b0%e9%91%91%e3%82%92%e7%84%a1%e6%96%99%e3%81%a7%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%81%84/ http://blog.bgs-works.com/2010/03/icon-web%e5%8d%b0%e9%91%91%e3%82%92%e7%84%a1%e6%96%99%e3%81%a7%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%81%84/#comments Sat, 06 Mar 2010 06:29:13 +0000 admin http://blog.bgs-works.com/?p=576 最近、資料を作成する機会があり、どうせWEBで生きている人間なんだから、印鑑もWEB上で押してしまってから印刷したいな。と欲求が芽生え、
自分で1から作ろうかと調べていたのですが、フリーで印を配布してくれているHPがわりと多いということに気づきました。
が、しかし、印鑑を作るためのフリーソフトはWIN用がほとんどなんですね。
MACユーザーのためのものは無いもんかと、探しまわった結果の覚え書きです。

1.AIR 印鑑
その名の通り、AIRで動くソフト。
自由度はないので、型通りのものしか出来ませんが、凝ったものを必要としなければ、十分じゃないかと思います。
ちなみは私はこれを使わせて頂きました。
動作環境はWin XPとなっていますが、MAC Snow Leopard　でも動いています。
ま、AIRなので、それが動く環境ならたいてい大丈夫だと思います。

2.FrameControl Index Page
サイトタイトルでも無い気がしますが・・・・
自分の名前を探して、上に出てくる画像をコピーするというなんとも簡単なシステム。
これは上のAIR 印鑑よりさらに自由度がなく、用意されている名前からしか選ぶことが出来ません。

3.【WEB Flex】 はんこ API を使ってはんこ画像をダウンロードするソースコードと flex としての重要ポイント
いっそのこと自作。。。です。
でもおおもとの「はんこAPI」は、配布会社がなくなっているために、現在どうやって入手すればいいのか、ちょっと不明です。
こちらのサイト様はソースを載せてくれているので、単純にFlexの勉強としてもお役立ちです。
1番のAIR 印鑑もこの「はんこAPI」を元に作られているような気がしますね。（動作が似てるから）

4.日本語フリーフォント 和文フリーフォント
やっぱり自分で自由に作りたい！！
ってなら、まずはすてきなフォントから探しましょう〜って事です。
フリーでダウンロード出来るとはいえ、商用利用が不可のサイトさんもあるので注意して使用してくださいね。

5.漢字が使える日本語フォント 無料ダウンロード 46種類
同じく日本語フォント集
こちらの方がよりフリーなものが取り揃えられているようです。
商用が可能かどうかはやっぱりしっかり見てくださいね。

6.フォント910
フォント屋さんです。
フリーフォントありです。なんかすごい素敵だったので、載せてしまいました。

全然まとめじゃないな〜あんまりお役立ちじゃないな〜
最後の方はフォントのまとめになっちゃったな〜う〜〜〜ん。

MORISAWA PASSPORT更新 モリサワパスポート 9760009216956 MPRS50000

MORISAWA PASSPORT更新 モリサワパスポート 9760009216956 MPRS50000

Amazon価格：￥ 60,005

カテゴリ：CD-ROM

タグ:, , , ,
]]> http://blog.bgs-works.com/2010/03/icon-web%e5%8d%b0%e9%91%91%e3%82%92%e7%84%a1%e6%96%99%e3%81%a7%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%81%84/feed/ 0 [Design] 使える手書き風Fontをフリーでダウンロード http://blog.bgs-works.com/2009/12/design-hand-draw-free-font/ http://blog.bgs-works.com/2009/12/design-hand-draw-free-font/#comments Fri, 04 Dec 2009 04:49:36 +0000 admin http://blog.bgs-works.com/?p=470 最近よくお見かけする「手書き風フォント」
本当に手書きを使っている方もいるとは思いますが、今回はすごく使えそうな手書き風Fontのご紹介です。

FFF Tsuji Font
fff_tusj

Sketch Block
sketch_rockwell

Mia’s Scribblings
Mia's-Scribblings

Waste Of Time
Waste-Of-Time

Karabine
Karabine

などなど・・・
他にもまとめてくれているサイト様ありましたので、どうぞ！！

タグ:, , , ,
]]> http://blog.bgs-works.com/2009/12/design-hand-draw-free-font/feed/ 0 [Icon] いたずら書き風の無料icon http://blog.bgs-works.com/2009/06/icon-%e3%81%84%e3%81%9f%e3%81%9a%e3%82%89%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%81%ae%e7%84%a1%e6%96%99icon/ http://blog.bgs-works.com/2009/06/icon-%e3%81%84%e3%81%9f%e3%81%9a%e3%82%89%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%81%ae%e7%84%a1%e6%96%99icon/#comments Tue, 16 Jun 2009 01:23:12 +0000 admin http://blog.bgs-works.com/?p=292 いたずら書きシリーズIcon編です。
ではさっそく・・・

1．　Random dock icon pack
icon1

2.　Free Hand Drawn Doodle Icon Set for Bloggers
icon2

3. Natsu Icon Set
icon3

4. Pack Destroycons
icon4

5. Kreski -Lines-
icon5

6. Sketch’d up!
icon6

7. 120+ Free Hand-drawn Vector Arrows
icon7

タグ:, , , ,
]]> http://blog.bgs-works.com/2009/06/icon-%e3%81%84%e3%81%9f%e3%81%9a%e3%82%89%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%81%ae%e7%84%a1%e6%96%99icon/feed/ 0 [Design] ハイクオリティなVector Wallpaper Download Site http://blog.bgs-works.com/2009/05/design-%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%aavector-wallpaper-download-site/ http://blog.bgs-works.com/2009/05/design-%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%aavector-wallpaper-download-site/#comments Sun, 31 May 2009 14:11:31 +0000 admin http://blog.bgs-works.com/?p=218 わたしはVectorデザインが全くもう作れないので、こういうサイトは本当に目の保養になります。
いちよう作ろうと努力中なのですがね、、、デザイン力、これがまったくもう足りない・・・切ない・・・

VECTOR WALLPAPERS GALLERY

VECTOR WALLPAPERS GALLERY

VECTOR WALLPAPERS GALLERY

壁紙のダウンロードサイトなので、色々バランスと色と写真の使い方を研究させていただきます。

以下例です。

FLY TO THE SKY

VECTOR RAINBOW

タグ:, , , ,
]]> http://blog.bgs-works.com/2009/05/design-%e3%83%8f%e3%82%a4%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%aavector-wallpaper-download-site/feed/ 0 [Media] かっこよし動画 Vol.1　-Idea- http://blog.bgs-works.com/2009/05/media-%e3%81%8b%e3%81%a3%e3%81%93%e3%82%88%e3%81%97%e5%8b%95%e7%94%bb-vol1%e3%80%80-idea/ http://blog.bgs-works.com/2009/05/media-%e3%81%8b%e3%81%a3%e3%81%93%e3%82%88%e3%81%97%e5%8b%95%e7%94%bb-vol1%e3%80%80-idea/#comments Wed, 27 May 2009 01:56:03 +0000 admin http://blog.bgs-works.com/?p=186 題名は「a real human interface.」
Multitouch Barcelona　というデザイングループが作成したものです。
最初はHPを見に行って「かっこいいHPだなぁ」とかおもってたら、仕事がさらにかっこ良し！！

内容はPCが使える人なら、見てもらえば一目瞭然！！
こんな風に本当になってたらいいなぁ、とか思っちゃいした。
アップグレードで眼鏡が変わったのがGOOD!

Hi from Multitouch Barcelona on Vimeo.

タグ:, , , ,
]]> http://blog.bgs-works.com/2009/05/media-%e3%81%8b%e3%81%a3%e3%81%93%e3%82%88%e3%81%97%e5%8b%95%e7%94%bb-vol1%e3%80%80-idea/feed/ 0 [Design] logoデザイン参考サイト http://blog.bgs-works.com/2009/04/design-logo%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e5%8f%82%e8%80%83%e3%82%b5%e3%82%a4%e3%83%88/ http://blog.bgs-works.com/2009/04/design-logo%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e5%8f%82%e8%80%83%e3%82%b5%e3%82%a4%e3%83%88/#comments Thu, 23 Apr 2009 14:31:54 +0000 admin http://blog.bgs-works.com/?p=49 デザインセンス問われる小さな世界。ロゴ。頭痛い場所です。

というわけで、世界中に数々ある企業ロゴから素敵デザインをピックアップしてくれているサイト様です。

1.ロゴストック
日本のロゴポータルサイト様です。日本語ってやっぱり見やすいなぁ〜
logostock

2.LogoSauce&trade
ブックマーク形式でロゴを一覧表示してくれています。
参考にするには本当に見やすいです。
logosauce

3.Dzine Blog
こちらはポータルではなくブログ記事ですが、かなりチョイスされている感が素敵です。
他の記事も、デザイン全般、参考になるものばかりでした。
dzineblog

4.Abduzeedo – design
ココもブログサイト。タイポグラフィーのロゴばかりチョイスです。
凄く作り込んだ「絵」見たいなものから、シンプルなのに、センス光るものまで・・・すばらしい〜
abuducted

タグ:, , ,
]]> http://blog.bgs-works.com/2009/04/design-logo%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e5%8f%82%e8%80%83%e3%82%b5%e3%82%a4%e3%83%88/feed/ 0