MIGI PLANNING » その他素材 http://m-pl.jp Just another WordPress weblog Fri, 23 Jul 2010 10:05:53 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 WEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」 http://m-pl.jp/2010/07/09/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af30%e3%80%8c30-useful-frameworks-for-designers/ http://m-pl.jp/2010/07/09/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af30%e3%80%8c30-useful-frameworks-for-designers/#comments Fri, 09 Jul 2010 11:14:24 +0000 migi http://m-pl.jp/?p=437 http://design-develop.net/web-design/30-useful-frameworks-for-designers.html

一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。

simpl
Simpl

よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■SenCSs ? the sensible standards CSS baseline
H1〜H6などの見出しから、リスト、テーブルなど、WEBで利用する様々なCSSをセットにしたCSSフレームワーク。

sencss

■Free WordPress Theme Frameworks
その名前のとおり、シンプルなワードプレステンプレートのベース。

whiteboard

■Free WordPress Theme Frameworks
こちらはある程度、整備されたシンプルなワードプレステーマ制作用のベーステーマ。

hybrid

上記の他にも様々なWEBデザイナーに役立つフレームワークが用意されています。上手く利用すれば、コーディングや制作の手間がかなり圧縮されると思います。WEBデザイナーの方でフレームワークってなに？という方は一度導入を検討してみても良いかもしれません。

30 Useful Frameworks for Designers | Webdesigner Depot

]]> http://m-pl.jp/2010/07/09/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af30%e3%80%8c30-useful-frameworks-for-designers/feed/ 0 商用利用可！フリーで使える国産ベクターシルエットデザイン素材集「シルエットデザイン」 http://m-pl.jp/2010/03/06/%e5%95%86%e7%94%a8%e5%88%a9%e7%94%a8%e5%8f%af%ef%bc%81%e3%83%95%e3%83%aa%e3%83%bc%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e5%9b%bd%e7%94%a3%e3%83%99%e3%82%af%e3%82%bf%e3%83%bc%e3%82%b7%e3%83%ab%e3%82%a8/ http://m-pl.jp/2010/03/06/%e5%95%86%e7%94%a8%e5%88%a9%e7%94%a8%e5%8f%af%ef%bc%81%e3%83%95%e3%83%aa%e3%83%bc%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e5%9b%bd%e7%94%a3%e3%83%99%e3%82%af%e3%82%bf%e3%83%bc%e3%82%b7%e3%83%ab%e3%82%a8/#comments Sat, 06 Mar 2010 06:11:47 +0000 migi http://m-pl.jp/?p=353 http://design-develop.net/design/vector-shil.html

デザインにとても便利なシルエット素材。アイコン的な使い方だったりポイント的につかったりと色々と便利に使えます。今日紹介するのは商用利用可能で、フリーで使える国産シルエットデザイン素材集「シルエットデザイン」です。

http://kage-design.com/wp/

]]> http://m-pl.jp/2010/03/06/%e5%95%86%e7%94%a8%e5%88%a9%e7%94%a8%e5%8f%af%ef%bc%81%e3%83%95%e3%83%aa%e3%83%bc%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e5%9b%bd%e7%94%a3%e3%83%99%e3%82%af%e3%82%bf%e3%83%bc%e3%82%b7%e3%83%ab%e3%82%a8/feed/ 0 WEBデザイン−のためのジェネレーター集「55+ Extremely Useful Online Generators for Designers」 http://m-pl.jp/2010/01/04/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e2%88%92%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e9%9b%86%e3%80%8c55-extremely-useful-online-generat/ http://m-pl.jp/2010/01/04/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e2%88%92%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e9%9b%86%e3%80%8c55-extremely-useful-online-generat/#comments Mon, 04 Jan 2010 02:57:07 +0000 migi http://m-pl.jp/?p=297 制作する際にグラフィックソフトやレイアウトソフトを使って自分で制作と言うのが普通だと思いますが、WEB上で特定の部品だけ簡単に生成してくれるジェネレーターもあり、場合によってはそちらの方が便利だったりします。

今回紹介する「55+ Extremely Useful Online Generators for Designers」はそんなデザイナーが便利に使えるジェネレーターを集めたエントリーです。様々なジェネレーターが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

http://www.balkhis.com/web-designs-resources/55-extremely-useful-online-generators-for-designers/

http://design-develop.net/web-design/55-extremely-useful-online-generators-for-designers.html

]]> http://m-pl.jp/2010/01/04/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e2%88%92%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e9%9b%86%e3%80%8c55-extremely-useful-online-generat/feed/ 0 商用可！制作に使える矢印ベクターデータセット「Arrows」 http://m-pl.jp/2009/12/26/%e5%95%86%e7%94%a8%e5%8f%af%ef%bc%81%e5%88%b6%e4%bd%9c%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b%e7%9f%a2%e5%8d%b0%e3%83%99%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%83%bc%e3%82%bf%e3%82%bb%e3%83%83%e3%83%88/ http://m-pl.jp/2009/12/26/%e5%95%86%e7%94%a8%e5%8f%af%ef%bc%81%e5%88%b6%e4%bd%9c%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b%e7%9f%a2%e5%8d%b0%e3%83%99%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%83%bc%e3%82%bf%e3%82%bb%e3%83%83%e3%83%88/#comments Sat, 26 Dec 2009 00:42:57 +0000 migi http://m-pl.jp/?p=293 arrows-lg

http://www.enjoythisbeautifulday.com/2009/arrows/

http://design-develop.net/design/arrows.html

]]> http://m-pl.jp/2009/12/26/%e5%95%86%e7%94%a8%e5%8f%af%ef%bc%81%e5%88%b6%e4%bd%9c%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b%e7%9f%a2%e5%8d%b0%e3%83%99%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%83%bc%e3%82%bf%e3%82%bb%e3%83%83%e3%83%88/feed/ 0