My name is Tina Roth Eisenberg. I am a 'swiss designer gone NYC'. swissmiss is my visual archive of things that 'make me look'. I am a graphic designer and run my own studio in Brooklyn. Contact me if you would like to team up, have a link suggestion or just want to say hello: submissions {at} swiss-miss.com.
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 仕事をしていて物事が進捗していないなと思うことがあります。 出だしはよかったはずなのに、どうもその後、進んでないなと。 そういう場合、アイデアだけ思いついて、それで満足しちゃう人が多いんだろうと思います。 次々、アイデアが出てくるのはいいけど、そのあと深堀りしない。アイデアベースでは埋まっていないところを考え、形にしていくところのプロセスがなかったりします。 そうなると、仕事が形になっていかないわけです。 アイデアをリストとして外部化するアイデアを思いつくことは基本的にいいことです。いろいろアイデアを思いつくのに、まわりに評価されていないのだとしたら、それは考えを深める力、形にしていく力が欠けている、不足しているんだと思います。 アイデアを思いついたら、そこから可能性のある
海外ではMovableTypeを凌ぐ人気といわれるWordPress。無料でありながらも、かなり高機能な点が好評なようです。 そのWordpressには「テーマ」なる機能があり(いわゆるテンプレート機能ですね)、ネット上で配布されている素敵なテーマを自由に利用することができます。もちろん自分で作ることも可能です。 ただ、一からテーマを作るのはなかなか骨が折れるもの。そこで登場したのが「Wordpress Theme Generator」です。テーマを自作してみたい!という方には便利ですよ。 以下に使い方をご紹介。 ↑ ロゴの設定や、横幅、メニューの位置、色などをブラウザ上で設定していきます。 ↑ いつでもプレビューが可能なのでわかりやすいですね。 ↑ 完成したら「save」でテーマファイルを一括生成してくれます。ZIPでまとめてダウンロードすることもできますよ。 あとは作ったテーマをWor
本物の机の上で作業するような感覚が味わえる『BumpTop』 March 11th, 2007 Posted in 未分類 Write comment どこかで紹介したような気がしないでもないが、とにかくご紹介。 デスクトップをより本物の机の上のようにしようじゃないか、と考えているのがBumpTopだ。 このサイトではファイルやプログラムの管理をより直感的に行えるようなランチャー(?)を開発中である。 同サイトにはYouTubeの映像が上がっているので是非みてもらいたい。 これを使えば関連あるファイルを積み重ねていったり、今作業中のものは目立つところに配置したりといったことができる。 あたかも本当の机で書類をあちらこちらに動かしているような感覚だ。 仕事を効率よくこなすにはある程度のテンションが必要だ。そのテンションを高めてくれるような気持ちの良いインタフェースが求められている。BumpT
プレゼン資料は、字よりも図で説明した方が分かりやすいです。 そして、図で何かを表現するとき、ちょっとした絵を部品として使うだけで、劇的に分かりやすくなることがあります。 そのため、図に必要な画像部品を、Googleの画像検索で探しまくるのですが、なかなかぴったりの絵が見つからないことは、よくあることです。 そういうときは、絵を描く専門家(グラフィッカー)に、必要な絵を描いてもらうように、依頼するしかありません。 しかし、グラフィッカーのスケジュールの都合があるので、急ぎの仕事のときなどは、なかなか必要なタイミングで絵を描いてもらうことができません。 また、依頼したとしても、なかなかぴったりのイメージの絵には仕上がってこないことがあります。 そもそも、絵ができあがって、プレゼン資料に組み込んでみて、はじめて違和感が出て、絵がイマイチであることに気がつくことなど、よくあることです。 こういう問
Flashは最近こんなこともできるようになってきました。 これ、実はASを使わずにオーサリングだけでも再現できるので、そのやり方を簡単に解説しておきます。 まずこういうものを作ります。 丸いのがボコボコ出てくるようなFlashで、AS得意な人はASで、アニメーション得意な人はアニメーションで実装すればいいと思います。 ただしムービークリップ使ってください。 これは分かりやすく半透明にしましたが、本来は不透明で、赤にほんの少しオレンジが混ざった色で作ってください。 ちなみに根元の部分にはこの円を4つ重ねています。 ブラーをかけるとこうなります ASだと、blurフィルタ、アニメーションだとぼかしってやつですね。 さらにブレンドモードを加算に ASだと、blendMode="add"; アニメーションだとプロパティパネルの右下あたりで加算を選択します。 これだけで炎っぽいものが作れちゃうわけで
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフォーム、サンプル集。 デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms Badboy Niceforms Functional Pretty Forms Form Layout Templates Fun with forms - customized input elements Scr
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc はてなブックマーカー御用達ツールまとめ の 第2弾です。 はてなブックマークを、もっと楽しくもっと上手に使うコツは、お気に入りブックマーカーを見つけることです。 はてなの公式サービスではありませんが、ご紹介するツールを利用して相性の良いブックマーカーをぜひ見つけてください。 では、どうぞ。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名(敬称略) HatenaTagCrowds id:Marathon 興味のあるタグを入力すると、その分野に強いブックマーカーのクラウド表示されます。 ブックマーカー + 情報の両方を効率よく探せるツールです。 な・
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design クールなロゴをオンラインでお手軽作成「FREE Logo Maker」。 4つのステップで次のようなカッコいいロゴが簡単に作成できます。 ソフトはブラウザだけあればよく、Flashを使ったインタフェースでデザインを行えます。 手順は、 (1) エンジニアリング、スポーツといったカテゴリを選択 (2) ロゴのベースとなるアイコンを選択 (3) フォントを選んでデザイン実行 (※ ロゴをデザイン中の画面) ↓↓↓↓↓↓ (※実際に作ってみたロゴ) これは簡単で実用的ですね。サイトのロゴを作成するのに役立ちそうです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く