sta la sta - カッコいいロゴをデザインするためのノウハウ集
Before & After | Email article: 0363 Design a logo of letters 魅力的なサービスや企業には魅力的なロゴがつきもの。例えばflickrなんかは一目でそれと分かるインパクトの強いロゴデザインを採用している。 あなたもただ英字を並べる以上のカッコいいロゴをデザインしたいのなら、こちらのサイトで配布しているドキュメントが参考になると思う。 この『How to design a logo of letters』というドキュメントでは、英字ロゴを作る際にどういう並べ方をするとカッコ良くなるかを実例を挙げて説明してくれている。 どれもこれもちょっとした工夫なのだけど、その工夫があるのと無いのとでは、見る人に結構違う印象を与えると思う。ぜひとも全部覚えておきたい。 これから新規にサービスや製品をリリースすることを考え中の方は、ロゴを考える前にぜひ
超ハイクオリティーな３０の英文フォント:phpspot開発日誌
Devlounge | 30 Fonts You Want to Have Everyone has their own personal preferences when it comes to deciding what fonts to you one their designs.超ハイクオリティーな３０の英文フォントが紹介されていました。 ロゴなんかに活用できそうなフォントが多数紹介されているようです。 その中でも特に目を引いたものを抜粋。 Segoe UI - フリー(VistaのSystemフォントらしいですね) Decker - フリー(これはクールです) SoopaFresh - フリー Ubahn - フリー Bitstream Vera Serif - フリー Bold Bold - フリー Interstate - シェア Rockwell - シェア Ar
ウノウラボ Unoh Labs: 名刺作りで学ぶレイアウト（＋α）基礎講座 その２
こんにちは！ yamazakiです。 前回のレイアウト講座、いかがだったでしょうか。 今回は、前回の続きとして、さらにもう少しあれこれと、名刺・書類などを作るときに役に立ちそうなレイアウト回りのコツなどを、やや補足的に書いてみようと思います。 なお、今回も作例はフォントを「HGP創英角ゴシックUB」「HGPゴシックE」、色は黒のみ、でやってみることにしておきます。 安定/不安定 「安定した見た目」「不安定な見た目」というのがあります。実際にいくつかやってみましょう。 上のほうに大きなもの、太いものがあると、どことなく不安定な印象になります。 meishi1 posted by (C)フォト蔵 下のほうに大きなもの、太いものがあると、安定感が出てきます。 meishi2 posted by (C)フォト蔵 左右/上下が線対称、もしくは、点対称であれば安定感が出ます。 meishi
BittBox
The Slice Tool in Illustrator is an excellent tool for dividing artwork into smaller pieces for various purposes, like web design, logo creation, creating interactive elements, and more. It separates parts of an element that can be saved as individual images. In this tutorial, we’ll discuss the concept of the Slice Tool and provide a…
ウノウラボ Unoh Labs: 【Web Design】なるほどリンク集 その１
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
CBCNET
メディア・アートの祭典と言われる、オーストリアはリンツで開催中の『アルス・エレクトロニカ 2010』のレポートを4回に渡って掲載
ユニクロ（米国）のサイトがやたらクールな件
Uniqlo.com 見た目もいいのですが、 インタラクションな動きが、とにかく素晴らしいんです。 例えばですね…… 「EXPERIENCE UNIQLO EXPLORER」って書いてあるリンクをクリックすると、 急に、小っちゃいユニクロのロゴがパパパパパッと大量に現れて整列して、 その小っちゃいロゴの１つ１つが、いつのまにか、服の一部の画像になります。 服の一部の画像をマウスオーバーすると、服の全体像がポップアップします。 それをクリックすると、服がズームアップし、画面いっぱいにゆらゆらと漂います。 画面いっぱいの服をクリックすると、今度はその服の画像が背景画像となり、 小っちゃいユニクロのロゴが大量に現れて整列して、服の一部の画像に変わります。 なお、「服の一部の画像」がどこに配置されるかは、背景画像によります。 つまり、背景画像の色合いとあった色の「服の一部の画像」が置かれるのです。
もしもあの企業がWeb2.0だったら・・・ | POP*POP
一発ネタですがアイデアが素敵だったので。 もしもあの企業がWeb2.0だったらロゴはこんな感じでしょうか。FedExなんて思い切りFlickr風になっちゃってますね（なぜか「r」が増えてます）。 さらには「Web2.0だからこんなサービスを提供してそうだ」なんて想像するのも愉快です（招待制のジーンズ購入券や広告収益により無料で食べれるハンバーガー、利用者の動画が流れるCNN・・・）。 そんな想像力を刺激する一品でした。自分の企業が2.0だったらロゴはこうで、サービスはこうで・・・と考えるのも悪くないですね。 » Corporate World Meet Web2.0 on Flickr – Photo Sharing!
デザインセンスがある人がwebサイトを作成する際に参考にしているサイト | i d e a * i d e a
ドットインストール代表のライフハックブログ
ブログのコメント部分やコメントフォームのデザインを色々集めたサイト:phpspot開発日誌
Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメント部分やコメントフォームのデザインを色々集めたサイト。 いろんなブログのコメント部分やコメントフォーム部分の画像をコレクションしているようです。 コメント部分 コメントフォーム部分 これだけのデザインサンプルがあると、自分がデザインする時に大いに参考に出来そうですね。 形が決まったら後はオリジナリティを加えてデザインを完成させるという方法でデザインすれば効率よくカッコいいコメント部分が作れそうですね。 関連エントリ 2006年を彩った50の超美麗CSSデザインサイト集 ウェブデザインに便利なツールをまとめた「Web Design Tools」
第7回 ページ構造を確認する方法
XHTML+CSSでは、ページ構造を意識して制作することが大切。Firefoxの拡張ツール「Web Developer Toolbar」を利用して、テーブルレイアウトの構造、フルCSSのページ構造、見出し構造、非推奨要素を確認する方法を説明しよう。 Firefoxの拡張ツール「Web Developer Toolbar」 Firefoxでは「Web Developer Toolbar」（以下、WDT）という高機能な拡張ツールが利用できる。名前のとおり、Web開発者向けのツールバーであり、CSSやJavaScriptの無効化、画像表示の無効化、ソースのバリデーションなどをツールバーから直接実行することができる。 まず、インフォアクシアで公開されているWDT日本語版をインストールしよう（http://www.infoaxia.com/tools/webdeveloper/）。Firefox（ま
Web デザイナーが知っておくと良いかもしれない DTP 脳
2006-12-16T04:05:56+09:00 よく聞く意見として、Web デザイナーは DTP 的感覚を捨てるべきだ。といったものがありますが、僕は一概にそうは言えないと思っています。もちろん Web は紙媒体と違う点が多く、表示が環境に依存する部分があるので考え方に変化の必要な部分もありますが、それらは脱するというよりは、むしろ理解を深めていくべき点なのかもしれません。 ならば、どういった意識を持つのかというと、Web も DTP と同じように、文書に意味付け、構造化を行うという共通点があります。 HTML は文書に意味付けを行う言語 そもそも HTML とはなんぞや。という質問に『文書に意味付けを行う言語』という解答をすることがあります。例えばその文書の中で一番大きい見出しには h1 を。その一番大きい見出しの次に大きい見出しには h2 を。という風に単なるテキストに意味付けを行
Color Codes Matching Chart HTML (Pantone, CMYK, RGB Hex)
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from these CMYK colors obtain the matching, original RGB codes. However, conversion of CMYK c
Web Painter
新Web Painter （ウェブペインター）はホームページ制作を支援する、色彩情報サイトです。 オリジナルカラーチャート・配色サンプル・配色テクニック・web用素材をご提案いたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【INTERVIEW】遊び心たっぷりのグーグルロゴを描くのは、この人！
404エラーをデザインする為のインスピレーション*ホームページを作る人のネタ帳
Movable Type コンテスト
Welcome to Dezinerfolio | Dezinerfolio
好きなFaviconを淡々と並べてみる | caramel*vanilla
色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト