タグ別アーカイブ: デザイン

[Ar] テーマやテンプレートを楽に作るには?



 



Artisteer 2 スクリーンショット


このサイトを作るのに使用したアプリケーションの紹介です。


ワードプレスとジュームラを始めようと思っていて、
デザイン変更の際の労力を軽減したかったので、ちょうど良かった。


Artisteer 2

DLサイト
Artisteer - Web Design Generator

書きだしたテンプレに透かしが入る以外はフル機能の、
無料版があるので、試してみると良いです。
綺麗なデザインになるように各ツールが設定されているので、
デザインが苦手な人にはかなりおすすめ。
雰囲気を見せるためのサンプルとしても使えそうです。


Home & Academic Edition $49.95(4,420円くらい)
XHTML+CSS、WordPress Theme

Standard Edition $129.95(11,500円くらい) <これ、買った
XHTML+CSS、WordPress Theme Joomla 1.5 Template、Drupal 5/6 Theme、DotNetNuke 4.9+ Skin、ASP.NET Application、CodeCharge Studio


かなり自由度が高いので、仕事レベルでもこれで十分だと思う。
自由なレイアウトはまだムリみたい。文字サイズはピクセル指定だね。

スタンダードエディションを使えば、ワードプレスとジュームラでデザインを同一にしたりもできる。
見た目をまったく同じくできるので、便利。

このブログも、このアプリで作りました。

ちなみに、海外のネットショッピングの際に便利なペイパル決済が使えます。

買った日から1年間、サポートされるっぽい。英語が苦手なので、自信ない。。。


追記:2009/11/22
Artisteer 2が、グーグルのブログサービス、ブロガー(http://www.blogger.com/)に対応しました。
この調子で、色々なCMSに対応してほしい。

定期的にバージョンアップしてくれているので、今後に期待大ですね。

あとは、もう少しデザインを崩したレイアウトにも対応してほしい。
リキッドレイアウトや文字サイズ変更にも対応してほしいな。


以下は、参考までに。Artisteer 2のライバルサービス。

Template Generator
コードを書かずにWordPressのテーマをデザインできるTemplate Generator
http://builder.japan.zdnet.com/news/story/0,3800079086,20385306,00.htm
サイト
http://pixopoint.com/generator/

templatr
これもだね。上のより有名みたい。
http://templatr.cc/



[WP] Dreamweaverでテーマをつくるには?



 

動画でテーマの変更方法を解説してるこの方法だと直接はムリみたい。
ファイアフォックスが必要っぽい。
http://www.dougamanual.com/blog/129/740/index.html
http://momonga365.blogspot.com/2008/10/dreamweaverwordpress.html

テンプレート作成用のDreamweaverのextension(2007年9月3日)
http://coliss.com/articles/blog/wordpress/358.html
http://vikiworks.com/2007/08/22/dw-extension-for-wordpress-template-build/

模索中みたいですが、CS4 のライブビューでWordPressテンプレート編集
この方法が本命かな。。。
http://wordpress4cms.net/434/

ついでに、Joomla!(ジュームラ)、Drupal(ドルーパル)、WordPress(ワードプレス)のエクステンション
http://opensourcecms.blog122.fc2.com/blog-entry-43.html

WordPress (ワードプレス) とMovable Typeとの違い。比較
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1029641255



追記:2010.02.10
DWじゃなけど、この記事で紹介しているアプリで作れます。
[Ar] テーマやテンプレートを楽に作るには?




デザイン参考になりそうなサイト



 

http://www.radiumlabs.com/

http://markjardine.com/

http://www.metalabdesign.com/

http://www.atebits.com/

http://www.bohemiancoding.com/

http://www.uidigital.com/

http://noteandpoint.com/

http://www.shadowbox-js.com/

http://www.robalan.com/

http://jasonstockman.com/

http://www.makefilmwork.com/

どれも、良い感じの雰囲気のあるデザインです。

記事元はこちら
http://coliss.com/articles/build-websites/operation/design/design-case-study-grain-texture.html

http://coliss.com/の以下の記事も気になった。暇なときにじっくり見たいサイトです。

単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
http://coliss.com/articles/build-websites/operation/design/how-a-simple-layout-can-be-mixed-and-matched.html

[JS]フォームの入力フィールドにアイコンを表示するスクリプト -Sexy Forms
http://coliss.com/articles/build-websites/operation/javascript/mootools-plugin-sexy-forms-2.html

ほかにも良い記事がいっぱいありそう。



ユーザビリティ気になった記事



 

実用的なユーザビリティの10のポイント:ガイドライン編
http://coliss.com/articles/build-websites/architectonics/usability/10-useful-usability-guidelines.html

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント(ガイドライン編)をSmashing Magazineから紹介します。

この記事見て、復習しようと思う。