黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
Great Fonts for Web 2.0
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
63歳の世界的デザイナーが挑む、新しきウェブデザインの世界 - CNET Japan
日本航空の鶴を使ったマーク、ティファニーの広告デザイン、楽器メーカーであるナカミチのコンセプト設計――これらのすべてに携わった日本人のデザイナーを知っているだろうか。米国ニューヨークに本拠を置くKatsuji Asada氏がその人だ。世界的なブランドのデザインやアートディレクションを数多く手がけるAsada氏が、新たな活躍の場としてウェブの世界に飛び出した。 インデックス・ホールディングスとサイボウズの共同出資会社であるZINGAが開発したビジネスパーソン向けのコミュニケーター「Zinga」。PCと携帯電話の両方に対応し、メールや電話などビジネスパーソンが業務に必要な連絡をすべて一カ所で取れるようにしたサービスだ。Asada氏はこのサービスのアートディレクターを務めている。 ZINGA代表取締役社長の大森洋三氏と旧知の仲であったことから実現した今回の企画は、インターネットサービスのデザイン
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
カッコよすぎるFlashサイト集:phpspot開発日誌
最近のＦｌａｓｈサイトは凄いです＾＾； Ｆｌａｓｈバージョン8になって使えるエフェクトなんかも増えていって今後もますますカッコいいサイトが出てくるのが楽しみです。 こういったカッコいいサイトを効率よく探す検索エンジンなど出てきたら面白そうですね。 Webデザイナーのためのリンク集 powered by webshot
フリーで汎用に使えるフォントいろいろ:phpspot開発日誌
Free Fonts of the Month: Geo Sans, OT Versa, Diavlo | Smashing Magazine We continue to collect most beautiful high quality freefonts, which can be used for both private and professional projects without any restrictions whatsoever. フリーで汎用に使えるフォントがいろいろと紹介されてました。 特に使えそうで気にいったものを紹介。 Geo Sans Light Diavlo Tuffy Greyscale Basic 続きを見る サイトのロゴなんかで使うとシンプルだけど栄えるロゴが作れそう。 関連エントリ 超クールなフリーフォント５種 知っておくべき５つの英文フォン
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
サイトに使えるCSSベースのクールなメニューナビゲーション8個:phpspot開発日誌
8 web menus you just can't miss There's no point to discuss the importance of a web menu, how it's done and how it looks. Many people may remember a website for it's great looking menu. サイトに使えるCSSベースのクールなメニューナビゲーション8個が紹介、ダウンロード公開されています。 サイトのナビゲーションデザインはシンプルだけど使い勝手のよいものにしたいですね。 そこで、サンプル集があればサイトにあったナビゲーションを考えることが出来そうです。 CSSベースの色んなタイプのナビゲーションがあるのでサイト作りに役立ちそうですね。 関連エントリ Webデザイナー/開発者が覚えておくとよい２５のテクニック
Amazon.com
Счет в символах ведется слева направо, начиная с самого крайнего левого барабана. Стоимость символов и их комбинаций игроки найдут в таблице выплат. Для этого нужно нажать одноименную кнопку на панели управления. Также здесь публикуются правила риск-игры и другие условия слота. Книга Ра — Размер ставок, дисперсия и RTP Несмотря на то, что слот Книга Ра вышел еще в далеком 2005 году, RTP составляет
スポットライトが当たったような画像を作る方法 | P O P * P O P
今回の諦めている不便利はfkojiさんからの投稿です。投稿ありがとうございました。 popxpopでも使われてる、画像の一部分にスポットライトをあてたような効果を出す方法を知りたいです。 実はこれ、意外と簡単に作っています。画像編集ソフトのおかげですね。 実際に画像を加工しているところを見た方が分かり易いと思いますので、早速作り方を紹介してみます。 なお、今回のお題は、『Googleの検索テキストボックスにスポットライトが当っている画像を作る』です。 ちなみにPOP*POPでは画像編集ソフトとしてPhotoshopを使っています。ただ、Photoshop ElementsやGIMPでも同じようなやり方で作成できることを確認していますので、参考にしてみてください。 詳しくはこちらからどうぞ。 はじめに、元となる画像をPhotoshopで読み込んでおきます。 はじめに、選択ツールで、スポットラ
Life is beautiful: 本質的でないものを徹底的に排除すると美しくなる（「アップルのデザインの秘密」より）
アップルの作る製品のデザインがなぜあれほどにすばらしいかを熱く語った文章を発見。一番気に入った部分を引用してみる。 "The businessman wants to create something for everyone, which leads to products that are middle of the road," says Brunner. "It becomes about consensus, and that's why you rarely see the spark of genius." "Critical to Apple's success in design is the way Jobs brought focus and discipline to the product teams," Norman says. "[Jobs] had a s
unou+
アプリ開発 APLICATION アプリの企画・設計、デザイン、実装、リリース、運営までをご対応させていただきます。デザインまたは実装のみの対応も可能です。 ウェブサイト制作 WEB SITE 長年さまざまなWebサイトを制作してきたノウハウと実績をもとに、企画・設計、デザイン、実装までをご対応させていただきます。
ウノウラボ Unoh Labs: 名刺作りで学ぶレイアウト（＋α）基礎講座 その２
こんにちは！ yamazakiです。 前回のレイアウト講座、いかがだったでしょうか。 今回は、前回の続きとして、さらにもう少しあれこれと、名刺・書類などを作るときに役に立ちそうなレイアウト回りのコツなどを、やや補足的に書いてみようと思います。 なお、今回も作例はフォントを「HGP創英角ゴシックUB」「HGPゴシックE」、色は黒のみ、でやってみることにしておきます。 安定/不安定 「安定した見た目」「不安定な見た目」というのがあります。実際にいくつかやってみましょう。 上のほうに大きなもの、太いものがあると、どことなく不安定な印象になります。 meishi1 posted by (C)フォト蔵 下のほうに大きなもの、太いものがあると、安定感が出てきます。 meishi2 posted by (C)フォト蔵 左右/上下が線対称、もしくは、点対称であれば安定感が出ます。 meishi
サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*
どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか？ そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー（スポイドツール）で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Webデザインだけでなく、ファッションやインテリアの配色の参考にもなります。 Color Palette Generator イメージ画像の色情報を抽出してカラーパレットを生成 Red Alt - I Like Your Colors Webページの色情報を抽出 （クリックすると、このページの色情報が表示されます） 入力欄に調べたいページのURLを入力すると、このように表示されます。 sample：WE
ドット絵ができるまで - tikeda's blog
アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き：http://d.hatena.ne.jp/tikeda/20050715/1121441586
CBCNET
メディア・アートの祭典と言われる、オーストリアはリンツで開催中の『アルス・エレクトロニカ 2010』のレポートを4回に渡って掲載
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.webdesigntimes.com/article/25-free-grunge-fonts
はてな cssを使ったおしゃれなformのデザイン方法について書いてあるサイトを教えてください。web2.0的なフォームを作りたいと考えています。http://demo.moo・・