ITエンジニア/デザイナ向けにオープンソースを毎日紹介

デザインの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2009/01/14

Webベースのリソース管理ソフトウェア「ResourceSpace」

stanaka様よりご紹介いただいたソフトウェア(thanks!)。Webサービス構築の際や、サイト内で使う素材などはどのように探すだろうか。オンラインにあるものを使っても良いし、CD-ROMなどで販売されているものを使うケースもある。いずれにせよ、それらの素材は繰り返し使う可能性もあるので適切に管理しておくのが効率的...

List

  • 2009/01/13

チェック必須!GUIインタフェースを作るようにWebインタフェースを作成できる「Sigma Visual Ajax GUI Builder」

Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、イ...

List

  • 2008/12/08

今時のWebサイトを構築するのに便利そうなCSSフレームワーク「Malo」

海外に見る最近のWebサイト(特にトップページ)のデザインは、縦に何段かに分かれたデザインが多い。一番上は大きな画像とともに二段構成、その下が2×2のテーブル組みなどでサービスの特徴を書き、次に横並びの3段で利用者の声といった具合だ。今時のWebサイトっぽいデザインが簡単に まぁテーブルで組めばできないことはない。だが...

List

  • 2008/12/05

まるで画像のような文字を動的に作るjQueryプラグイン「jQuery sIFR Plugin」

これは素敵なライブラリ。プログラマ(というのは言い訳に過ぎないが)はデザインが苦手だ。そのため、インパクトのあるロゴをデザインしようと思ってもなかなかうまくいかない。上のフォントがどうなるかは詳細にて! これはもう諦めた方が良い。だが単なる文字で書かれているだけではインパクトが薄い、使うのはjQuery sIFR Pl...

List

  • 2008/12/03

他社向けの提出資料としても使えるレベルのプロトタイプ作成&プロジェクト管理「Serena Prototype Composer」

受託開発におけるプロジェクト管理というと、開発会社側で管理すべき項目に対して有効なものが多い。そのため、開発案件が終わるとあまりメンテナンスはされなくなる。さらに開発プロセスの管理に限るので、実際の納品物とは乖離することがある。WebサイトもWindowsアプリケーションプロトタイプも作成できる だがそれでは勿体ない。...

List

  • 2008/11/28

きっと皆好きになる!手書きで作るモックアップ「DENIM」

Webサイトのモックアップ(ワイヤーフレーム)を作る作業は面白い。実際の開発とは異なり、想像の羽を羽ばたかせてどんどん試すことができる。そうしたツールはこれまでにも幾つか紹介してきた。手書き風モックアップ作成 この手のツールはあまり奇麗なインタフェースであってはならない。むしろ雑さが残るくらいがちょうど良い。そこで手書...

List

  • 2008/11/26

段組みを実現するCSSレイアウトをオープンソースで「Typogridphy」

プログラマーやSEの方々はWebデザインが苦手だ。私自身、色々勉強はしつつもどうにも好きにはなれない。そのため、極力テンプレート的なものを使って作業するようにしている。デザインを後回しにすると、システムがある程度できた時にはじめることになり、折角乗っている気分を台無しにする恐れがある。CSSで段組みを実現 最近の流行は...

List

  • 2008/11/18

デジタルコミック向けの流れるようなFlashを作成する「InfiniteCanvas」

日本では現時点では普及していないが、デジタルコミックは今後、見逃せない技術だ。出版というもの自体が冷え込んでいるので、後数年もすれば状況は変わってくるだろう。そしてデジタルコミックを読ませる上で欠かせないのが単なるWebのテキスト表示とは一味違う表示法だ。画像を配置した図 今の所多いのは画面上にコミックの見開きをそのま...

List

  • 2008/08/31

これは便利。Tシャツや帽子のデザイン専用アプリケーション「SonickShack Design Studio」

MOONGIFTではノベルティとしてTシャツを作っている。着て歩いているだけで宣伝にもなるので、これからの季節向けに長袖のシャツなどを作っていこうかと思っている。インターネット上にはそうしたアパレル関係のノベルティを作成してくれるサイトが数多く存在する。イラストや文字を自由に配置できる そうしたサイトではFlashなど...

List

  • 2008/08/25

これはすごい!Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」

これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。ドラッグアンドドロップでモックアップを作成できる そんなモッ...

List

  • 2008/07/29

Webサイトの彩りに使える小さなアイコン集「twotiny」

Webサイトを作る上で、アイコンの持つ力は大きい。技術者がサイトを作るとその点が疎かにされがちだが、文字の説明よりも分かりやすく、そしてスペースも使わないというのが大きな利点だ。言語の壁さえ越えられる。二色の分かりやすいアイコン集 そんなアイコンをサイト上で使いたいならば、ここで必要なものの殆どが手に入りそうだ。今回紹...

List

  • 2008/07/22

複雑な段組みを可能にするCSSフレームワーク「Emastic」

雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、...

List

  • 2008/07/10

プログラミングでアート「Processing」

プログラマの大半は絵心がない。そのため、Webデザインやアイコンなどを上手に配置してサイトを出来映えを一歩高めるというのは非常に難しく感じてしまう。だがそれはWebデザインに限った話で、絵が全くできないという訳ではない。開発環境 趣味で風景画を描いたり、油絵をやる人だっているだろう。もしあなたが幾何学模様のアートに興味...

List

  • 2008/06/27

Keynote向けのプレゼンテーションアイコン集「Keynote Objects」

Power Pointで作られたプレゼンテーションは見飽きるほど見ており、それっぽい資料を見せられるだけでやる気が削がれてしまう。どうしても格好いいとは思えない。その点、Mac OSXのKeynoteで作られたグラフィカルなプレゼンテーションは見ていて面白い(と言う思い込みかも知れないが)。ずらりと並んだアイコン だが...

List

  • 2008/06/11

素敵なラベルを作ろう「Design Pro for Mac」

最近はあまりCDやDVDを焼くことはないが、それでもビデオで撮影したものを人にあげることはある。他にも名刺やTシャツなど、普通の紙とは違う素材を使った印刷物を作ることは良くある。そうした時、デザインソフトウェアをもたない私などは作るのが非常に手間だったりする。それを手軽にしてくれるソフトウェアがこれだ。今回紹介するフリ...

List

  • 2008/06/05

デザイナーの創造性を広げるCMS「PageWorks」

最近はCMSやブログがサイトに利用されることが多くなった。それらを用いる場合、大抵はスクラッチで開発しない。既存のパッケージまたはオープンソース・ソフトウェアを利用する事が多い。表示画面の管理 そうしたパッケージを利用する限り、そのCMSがもつ独特な匂いを取り去るのはなかなか難しい。例えばブログエンジンを使ってサイトを...

List

  • 2008/05/23

オープンソースの樹木モデルジェネレータ「ngPlant」

昔、虚数を用いたパターンを使って樹木や雲と言った自然の描くデザインを再現するという取り組みがあった。実際、ランダムに発達しているように見えて、パターン化されており、なかなか興味深かった。起動直後 そういった意味で、自然の描く造形物を再現するというのは非常に難しい技術なのだろう。だがそのための専用ソフトウェアも存在する。...

List

  • 2008/04/23

クリエイティブなベクタープロジェクト「vector4free.com」

エンジニアの人はその数多くがデザインセンスがない(私も含まれる)。なので、Webサービスを開発するのは得意でも、それにデザインを付与して使い勝手を向上させて、公開するとなると面倒に感じてしまいがちだ。vector4free.comのトップページ しかしいつでも不慣れで放置しておくのも考えものだ。素晴らしい作品に触れて、...

List

  • 2008/04/10

カラーピッカーにRGB表示を追加「HexColorPicker」

もうこれは標準にして欲しい。例えばヘッダーにロゴを載せる際に、バックグラウンドの色をHTMLでも設定したいとする。そうしたときに色選択ツールで色を選択するだろう。そして成分を調べるのだが、Mac OSXのカラーピッカーでは0〜255の数値で色が表される。これだとRGBを16進数で表示したいときにいちいち調べなければなら...

List

  • 2008/03/23

プログラミングするアニメーションツール「NodeBox」

2Dのアニメーションや、グラフィックスを描こうと思うと、プログラマの方は尻込みしてしまうだろう。デザインの世界はプログラミングとは全く異なるセンスが要求される世界だ。だからデザインが苦手な人も多い。だが、そのデザインをプログラミングするとしたらどうだろう。何となくできそうな感じはしないだろうか。今回紹介するオープンソー...