ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
50 Excellent 3D Adobe Illustrator Tutorials | Tutorials | Smashing Magazine
Adobe Illustrator is one of the best applications for making graphic artwork like logos, print designs and Web pages. As time goes on, more and more Illustrator techniques are introduced by talented designers and artists in the industry who achieve some of the best results on the Web. One hot trend nowadays is 3D effects. So, we’ve gathered together some 3D tutorials to give you an idea of what Ad
GIMP や Inkscape で illustrator Ver.8 のファイルを開くには？：experiment：So-net blog
GIMP 2.4.7 + Ghostscript Ver.8.63 を使用すると Windows 2000 上で illustrator Ver.8 形式の *.ai ファイルを開くことが出来る。 手順としては、上記 2つのソフトをインストールし、GS_PROG という環境変数を追加する。GS_PROG の値は Ghostscript のパス（例えば、E:\gs\gs8.63\bin\gswin32.exe）である。 ただし、この場合、レイヤーやパス情報は無くなり、「画像」として表示される。これでは単純なビュアーだ。 Inkscape 0.4.6 を使うと illustrator Ver.9 以降の *.ai ファイルは開けるが、illustrator Ver.8 形式のものは開けない。 Inkscape の News Archive Inkscape. Draw Freely. によると
Creating A Slick Auto-Playing Featured Content Slider | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I love the Coda Slider plugin for jQuery. I’ve used it recently to build a couple of tabbed “widgets”. One here on CSS-Tricks in the sidebar to show Script & Style links, Featured Posts, and Popular Posts. Just kind of a fun way to show lots of content in a small area. I also used it on an a
How To Use Icons To Support Content In Web Design — Smashing Magazine
Why use icons? Design is all about communication: it doesn’t matter how important or exciting the information that you’re sharing is if you fail to hook your visitors. When initially viewing a website, most users will first scan the page for visually interesting content, and only after something grabs their attention will they actually begin reading. Icons are a simple, effective way to draw users
ブログパーツの作り方：横幅は何ピクセル？:WebClip - ウェブ制作、UXD／IA、アクセシビリティ
この記事のトピック ブログパーツの横幅は何ピクセルで制作するべきか？ ユニクロやIAB、Googleの事例 ブログパーツの横幅は160ピクセルが適切？ ブログパーツの横幅は何ピクセルで制作するべきか？ 最近、マーケティングなどでCGM(Consumer Generated Media、いわゆる口コミ)を狙った「ブログパーツ」や「ブログシール」を各社がどんどん提供している。利用者としても可愛く面白いブログパーツがどんどん供給され、楽しい。 実は、今、僕もブログパーツを制作している。個人的なもので、仕事やマーケティングとは関係ない。最近はまっているSecond Lifeで、ちょっとしたアイデアが浮かんだのだ。 しかし、実際つくりはじめたらいろいろと課題も出てきて、楽しくも苦労が多かった。そのひとつが「ブログパーツの横幅は、何ピクセルにすればいいのか？」という問題だった。 作ったブログパーツを多
Yahoo!がまとめた「コミュニティにユーザーを参加させる方法」が興味深い件 | IDEA*IDEA
ドットインストール代表のライフハックブログ
[使える CSS テクニック] CSSを使った見栄えの良いサイトマップ | バシャログ。
第 7 回目は「CSSを使った見栄えの良いサイトマップ」です。 今回は、Web サイト構成をすばやく確認できるように見栄えのいいサイトマップを紹介したいと思います。 以下のようなツリー構造のサイトマップを作成してみます。 sample 1.画像を用意 以下のような画像を使用します。 アイコンから伸びる点線はなるべく長くします。 2. XHTML はリストの入れ子で XHTML <ul> <li><a href="#">ホーム</a> <ul class="category"> <li><a href="#">会社案内</a> <ul class="page"> <li><a href="#">会社概要</a></li> <li><a href="#">コンセプト</a></li> <li><a href="#">沿革</a></li> <li><a href="#">社長挨拶</a></l
![[使える CSS テクニック] CSSを使った見栄えの良いサイトマップ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
[CSS]気をつけたいIE 7のバグ -CSS-Discuss
CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意： バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例： body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small
![[CSS]気をつけたいIE 7のバグ -CSS-Discuss](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草？ Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記（改訂版） Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De
iPhoneアプリを作る際に注意すべき５つのポイント
毎日のように「iPhoneアプリでApple Design Awardを取るぞ！」と騒いでいるので、知り合いに「それって（現実が分かっていない）大学生のノリですよ」と指摘されてしまった私だが、マイクロソフトを２０００年に退社してからは、ひたすらモバイル・組み込みの世界で仕事をしてきた私としては「俺が取らなくて誰が取る？」という気分。その超楽天的な態度が彼が言うところの「大学生のノリ」なのだろう。 市場に受け入れられるアプリを作るためには、もちろん「誰にどんな価値を提供するのか」が一番大切。しかし、そこには残念ながら成功の一般方程式はないので、今日は比較的に一般化しやすい「どう作るか」という部分に関して、まとめることにした。 1. ユーザーの利用シーン・使用パターンを良く考えて作る パソコンやゲームコンソール向けのソフトと大きく違うのが、ユーザーの使用パターン。iPhoneに限らず、携帯電話
男のデザイナーが女物の服を作るときに失敗する部分について。 - SUKEBENINGEN-DEUX
男の服は肩で座らせる、かたや女の服は胸と尻で座らせる。ただサイズをグレーディングするだけでは無い。あくまでも服のルール自体が違う。だからソコを間違えると「オカマ」か「競泳選手」になる。 また女物は「如何にスリットを入れ、肌を露出させるか」でも服を作る。コレは男物にはないルール。その部分を理解してないと「（亡き夫に操を立てる）未亡人の貞操帯」になる。（女の人は露出狂。隙があればいつでも脱ぎたい、武田久美子りたい） あと服の重心が男の服よりもおそらく２cmだけ高い。１cmでも３cmでもなく、２cm。 ※でも海外のデザイナーに関しては全部ゲイだから問題ない。日本はノンケなデザイナーが結構居て彼等が時々間違える。重度のゲイはメンタリティーが殆ど女だからむしろ逆に男物の服の方で間違える。（ゴルチエやアレキサンダマックイーンは「キンタマの付いてない服」をよく作る）またデザイナーの服は基本的に「ゲイの、
ウノウラボ Unoh Labs: キャバ嬢メソッド 〜 キャバクラ嬢に学ぶWebサービス運営のコツ
こんにちは、hideです。 皆さんは、キャバクラって行ったことありますか？ キャバクラとWebサービス、この一見、まったく関連が無いように見える２つのサービスですが、実は多くの点で共通点があります。これから新しくWebサービスを作ろうとしている人、現在Webサービスを運用している人は、彼女らの接客態度やサービス精神からいろいろと学ぶことができます。 では、順を追って紹介していきましょう。 1. 見た目が大切 第一印象で悪いイメージを持たれて損をしないように、思いっきりお洒落してユーザを迎えましょう。キャバクラでは香水の香りで嗅覚を刺激するなど、五感を活用した接客というのが行われています。しかし、Webサービスの場合、嗅覚/味覚/聴覚/触覚はないので、使えるのは視覚のみになります。より見た目が重要になってきます。 2. おもてなしの精神 とても基本的な事なのですが、数あるお店（Webサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Frequently asked questions - Inkscape Wiki
「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽
Design & Illustration Courses and Tutorials | Envato Tuts+
女性をモチーフにしたPhotoshopのチュートリアル集
Design & Illustration Courses and Tutorials | Envato Tuts+
Paintgraphic 2 クリスタルボタン/FreeSoftNavi
写真画像を見栄えよくするPhotoshopのチュートリアル集 | コリス