これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
黄金比 - Wikipedia
出典は列挙するだけでなく、脚注などを用いてどの記述の情報源であるかを明記してください。 記事の信頼性向上にご協力をお願いいたします。（2013年3月） 黄金比（おうごんひ、英: golden ratio）とは、次の値で表される比のことである： 黄金長方形（縦横の長さの比が黄金比（ 1: 1.618…）である長方形）から最大正方形を切り落とすと、元の長方形と相似になる。赤線は黄金螺旋、緑線は正方形内の四分円を接続したものである。黄色は重なっている部分を表す。 以下で述べるような数理的な性質は、有理数にならないこの値のみが持つ性質であり、有理近似等には基本的には意味が無い。「デザインを美しくする」などといった巷間よく見られる説については#用途を参照。小数に展開すると 1 : 1.6180339887... あるいは 0.6180339887... : 1 といった値となる。 黄金比は貴金属比の
情報量をとるか、デザインをとるか〜漫画雑誌の表紙の作り比較〜 - たまごまごごはん
先日友人と雑誌の表紙の話をしていました。 端的に言うと、自分はどうも「月刊マガジン」と「別冊マガジン」を間違えちゃうよ、という話。 左が月マガ。右が別マガ。 まあ普段買っている人なら、作品が表紙に来ているので分かるとは思いますが、うん、これは初見ではちと分かりづらい。 つーか最初から知ってないとまず分からない。 表紙は、本の顔です。 割と思い浮かべやすいのは、ジャンプ・サンデー・マガジン・チャンピオンの少年誌の表紙。あれはそれぞれのカラーがありながらも、とにかくごちゃごちゃしています。 それは雑誌の表紙にどれだけ情報量を載せられるかの勝負だからだと思います。あとグラビアアイドルを載せると売れるとかそういうの。 ところが、最近は「情報量」で勝負しない雑誌も増えています。雑誌のカラーが独自な場合が多いので、おそらくデザイナーさんの考え方・出版社の考え方次第なんでしょう思います。 「デザイン」重
これは素晴らしいアートが詰まった２４の絵文字フォント色々:phpspot開発日誌
これは素晴らしいアートが詰まった２４の絵文字フォント色々。 次のようなシンボルフォントが公開されています。フォントとして手軽に使えるベクターデータとしてデザイナーの方は重宝しそうです。 特に、次の Efon はカワいいアイコンが収録されており、サイトに入れるとなかなかいい感じになりそうですね。 他にも以下のような汎用性の高いグラフィックが収録されたフォントが紹介されています。 植物のフォント YahooとかIBMとかVisaとか誰もが見たことあるようなロゴのフォント 動物のフォント。こちらも色々と使えそうですね。 町並みを表現したフォント。フォントにしたことで、オリジナルの街が作れるところがいいアイデアです。 人型のフォント。 「これは絶対覚えておいた方がよいシルエットの素材集」にて紹介したデータもよいですが、フォントになっているのも手軽に使えそうでよいですね。 各々のリンク先は以下を参照
あの企業のロゴの秘密いろいろ
僕がお世話になっている マーケッターの2upさんから 情報頂きました。面白かったので 記事にします。有名なブログの Six Revisionsで様々なロゴが どのように今のロゴに決まったか を説明していました。 10のロゴの生い立ちが紹介されています。 Big 10 Big10とはアメリカの大学の運動事業だそうで、元々は10校だったのが、ペンシルバニア州立大が1990年に加わって11校になったので以下のように文字内に「11」を隠し文字で入れたそうです。 Goodwill Goodwillは恵まれない方を助ける非営利団体で、笑顔のマークが特徴のようですが、Goodwillの「G」の部分を以下のようにうまく笑顔に見えるように使っています。色を変えて笑顔に見える部分が強調されています。 Sun Microsystems 有名なSUNのロゴ。左側のシンボルが以下のように「SUN」に見えるように工夫
メール向けの罫線＆囲み枠素材30選! メルマガの装飾に今すぐ使える | メールマーケティング基礎講座
テキストメール制作時にポイントになるのが、罫線や囲み枠を用いた装飾部分である。読者の注目を引くのに有効なだけではなく、トピックの見出しに番号をふって目次を用意すれば、メールの可読性が向上する。これまでの記事の中で触れた改行やフォントの問題をクリアすれば、表現力豊かな装飾を施すことができるだろう。 そこで今回は、メルマガなどですぐに活用できる罫線や囲み枠を紹介していく。まずは、テキストメールの注意点をおさらいしておこう。 機種依存文字を除く 丸囲い文字やローマ数字、単位記号、半角カタカナなどは特定のパソコンだけでしか読むことができず、文字化けの原因になるため使用を避ける。フォントを意識したレイアウトを 等幅フォントがセオリー。メルマガ内に「等幅フォントでご覧下さい」と記載する方法もあるが、プロポーショナルフォントでもレイアウトが崩れないようにすることが望ましい。主要メールソフト/Webメール
[ idea-mag.com ] » idea magazine » IDEA NO. 336 : 漫画・アニメ・ライトノベル文化のデザイン〈後編〉
8月10日発売予定。 好評を博したアイデア334号の続編。多様化する現代の漫画，アニメ，ライトノベルをめぐるデザインの諸相をデザイナーたちの仕事とインタビューを通じて大研究。 また，手塚治虫の手書きタイトル集や横尾忠則の漫画デザイン、村田蓮爾のデザインワーク，『ヱヴァンゲリヲン新劇場版』のデザインをはじめとする特別企画や，現代のオタク文化に切り込む座談会や論評も充実した決定保存版。 横尾忠則の漫画デザイン 日本を代表するグラフィックデザイナー，アーティスト横尾忠則による歴史的な漫画デザインの数々。 漫画雑誌デザイン・オルタナティブ いわゆる漫画雑誌の王道に収まらない独特なデザインワークを編集部独自の切り口で紹介。 村田蓮爾デザインワークス 独自の世界観が行き届いた村田蓮爾の作品集，同人誌の造本，パッケージ。 『ヱヴァンゲリヲン新劇場版』のデザイン展開 轟木一騎（カラー）と市古斉史
芸術の秋にProcessingでスケッチプログラミングを始めてみよう（1/3） - ＠IT
芸術の秋にProcessingでスケッチプログラミングを始めてみよう：絵心がなくても簡単に絵が描けるProcessing（1）（1/3 ページ） アートやデザインのための“プログラミング” 読者の皆さんは「プログラミング」という用語や、それをすることに、どんなイメージを持っているでしょうか。仕事に使われるアプリケーションやWebサービスの開発の世界の「プログラミング」を考えてみると、多くの場合「実用性や効率が重んじられ、専門的な知識を持ったエンジニア／プログラマーが慎重に正確に行うもの」といったイメージではないかと思います。 しかし一方で、実用性ではなくスクリーンに表されるイメージや動きの美しさ、見るものを引き込むインタラクションのアイデアをプレゼンテーションする「プログラミング」の世界も存在します。エンジニアではなくアーティストやデザイナーが、驚きやインスピレーションを求めて大胆に「プロ
シンボルやカラーを組み合わせて、パターン画像を作成できるオンラインサービス
Pattern Coolerは、自由にシンボルやカラーを組み合わせて、パターン画像を作成できるオンラインサービスです。
ささやかな楽しみ:オススメのフリーグラフィックソフト - ライブドアブログ
1 名前：名無しさん＠お腹いっぱい。 ：2008/01/19(土) 10:56:48 ID:vtqslyx7 ▼リンク集 http://toolseeker.hp.infoseek.co.jp/freeware_link.html 2 名前： 名前：名無しさん＠お腹いっぱい。 ：2008/01/19(土) 10:57:24 ID:vtqslyx7 ペイント・レタッチ系1 GIMP ttp://www.gimp.org/ GIMPユーザーズマニュアル ttp://homepage2.nifty.com/gimpman/ PictBear ttp://sleipnir.pos.to/ Pixia/Phierha ttp://www.pixia.jp/ ゆめいろのえのぐ ttp://mediatelier.net/ ArtRage ttp://content.e-frontier.co.jp/a
XPがなんとなくVista風になる隠しテーマ「Royale Noir」 - GIGAZINE
Windows XP Media Center Editionに搭載されているテーマは普通のXPと違っており、「Royale」と呼ばれている特殊仕様。ちょっとだけかっこよくなっていたりするわけですが、さらにそれらのテーマの中に隠しテーマ（一応マイクロソフトが作るには作ったが結局正式採用は取りやめたバージョン）というのが存在しており、今回の「Royale Noir」がまさにそれです。 ダウンロードは以下から。 どちらも同じです。 royale_noir.rar - Hidden XP Theme... RapidShare:You want to download royale_noir.rar ダウンロードして解凍後、Windowsフォルダ→Resourcesフォルダ→Themesフォルダと進み、中に解凍して出てくる「royalenoir」フォルダを放り込んで、中にある「luna.msst
超クール画像ギャラリーが作れるJavaScriptライブラリ:phpspot開発日誌
Galeria 超クール画像ギャラリーが作れるJavaScriptライブラリ。 次のような画像ギャラリーのサンプルライブラリが公開されています。 カーソルを合わせると画像が浮き上がり、クリックで拡大します。 Flashを使ったようなUIを実現でき、覚えておけばふとしたところで使える筈。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2007/06/iphone_1.html