黒髪キャラを「黒以外」の色で塗る場合のチェックポイント - ピアノ・ファイア
「自然の黒」は「絵の具の黒」じゃない 小中学校の美術の授業で習ったことがあると思うのですが、絵の具で人間の髪の毛を塗る場合、「黒の絵の具だけで色を出すな」と教わりませんでしたか？ ぼくの母校では、何も知らない生徒が真っ黒にベタ塗りしてから「なんか変だぞ」と悩んでいるところに、先生が「ちょっとだけ緑や茶色を混ぜればいいよ」と教えてくれていたものでした。 （同じように、「肌色」を真っ茶色やピンクに塗ってしまった生徒にも「ほんのちょっとだけ緑を混ぜよう」と教えていたのを良く覚えています。） 光の反射で色が変わる 専門的な絵画の技術としては「黒は三原色の混色で作れ、絵の具の黒は使うな」と指導されることもあると思います。 なぜ「黒の絵の具」をそのまま使わないのか、美術の基本から考えてみましょう。 美術史の発展にともない、「ものの色とは、もの自体に色があるのではなく、ものが反射する光の色なのだ」という
スマホアプリの「使いやすさ」とは何か、を考えてみた - もとまか日記Ｚ
スマホアプリの使いやすさって、なんだろう？ 実は最近、よく考えてるテーマです。そんな感じのメモ。 「使いやすい」時、どう感じるのか まず、使いやすい！と思った時にどう感じてるのか、を整理してみると、・なんか気持ちイイ！・こりゃ簡単！・また使いたくなってくる！そして、・長く使うようになる・そのうち無意識に使うようになる つまり、使いやすさの重要なポイントとは以下。・簡単・気持ちよい 「簡単」ってなんだろう では、簡単って何でしょう？・見ただけで分かる・迷わない・（他のアプリと）操作が同じ・ボタン、機能の数が少ない・数が多いと選択、判断が入る故、難しい・５個がボーダー かも？・スーパーヒーローも基本は５人。・そういう意味では３個もアリ。・慣れたら５個以上になっても平気。・その頃の「基本の５個」はきっと空気のような存在になってる。・つまりスーパーヒーローでシーズン中盤から追加メンバが入るのは 決
「あの花」の舞台・秩父で見えたフレーミングのセンス - 仮想と現実の真ん中あたり
望遠レンズによる『圧縮効果』（秩父市街にて） 「あの日見た花の名前を僕達はまだ知らない。」（以下、「あの花」）は、映像の演出や音楽など、セリフ以外にも訴えかけて来るものが多い作品です。 そんな多彩な魅力の一端として、ここでは、「あの花」の舞台・秩父の現地取材で分かった、“フレーミング”のセンスについて紹介します。 以下、続きで。 舞台探訪者の心得 ・舞台を荒らさないこと。 ・住民に迷惑をかけないこと。 ・舞台での行動は慎重に。 ■第１話 エンディング／オープニング まずは、このカットから。 第１話 エンディング焦点距離:150mm（35mm判換算） 現地でこのカットを見た時、「あれ？」と思ったわけなんですよ。 画面左の壁の幅が縮んで、奥の建物が近くに引き寄せられて写っている。いわゆる、望遠レンズの『圧縮効果』が見える絵になってる。 実はこのカット、あなるの立ってる位置の５ｍぐらい後ろから、
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
シニアも使えるウェブサイトを作る時の５つの留意点 - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
最近、デジタルシニアという言葉を聞くようになりました。 いまどきのシニアは、昔からパソコンを使っているからもう若者と一緒でも大丈夫だろう、という意見も耳にします。 ちがあう。ちがあう。と大きく異議を申し立てたい所存でございます。 年齢が高くなれば、体は老化いたします。 それは、避けられない真実であります。 昔よりも記憶力が落ちたなあとか、想像力が落ちたなあとか、30歳代の疲れたおにーちゃんでも言うのだから、いわんやシニアをや。 ＃かくいう私ももともと記憶力が半端なく悪いんですが、最近輪をかけてマズクなっている気がするので、脳を鍛える計算ドリルを始めましたぞ。 そう、人間は、日々、衰えている。 だから、その人が何十年パソコンを使っていようが、インターネットをやっていようが、加齢により若者とまったく違う行動が出るのは当然のことなのです。 なので、シニア層にも使って欲しいな、と思うサイトは、老化
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
日本向けのウェブデザインというのはあるのか? – 秋元
日本進出に興味のある海外企業や外国人から質問されることがあるので、まとめてみたいと思います。 僕はウェブデザイナーじゃないので、プロの方から補足や突っ込みがいただければとても嬉しいです。 [更新 2011-02-01] コメント・ツイッター・はてブからの意見を反映させました。 ある程度まとまったら英語にしてAsiajinにも書こうかと思います。 日本向けにウェブサイトを作るときに特別しないといけないことはあるのか? 「メニューの文字をGoogle Translateで全部日本語に置き換えたけど、これでいいかな? 他にすることある?」 – 機械翻訳は使い物にならない 英語-フランス語、とか英語-スペイン語、のノリで機械翻訳を使っても、あなたが想像するレベルの日本語には決してならない # 英語に再機械翻訳してのチェックは必須だが、それでも日本語訳のおかしさが見えてこないケースもある – フォン
企業向けアプリのUIはどう設計されているの？――日立デザイン本部に聞いてみた
企業向けアプリのUIはどう設計されているの？――日立デザイン本部に聞いてみた：「モックアップを何十個も作る」 アプリケーションの使い勝手には、機能と同等にそのインタフェースが影響する。実際のデザイン業務はどのように進められているのだろうか？ デザイナーに聞いてみた。 「デザイン」という言葉に対して、どのようなイメージをお持ちだろうか。記者の場合は、雑誌編集を経験していることもあり、誌面やポスター、パンフレットなどのデザイン（いわゆるDTP）を連想する。もちろんインテリアや、あるいはファッションデザインを想起する人もいるだろう。 こういった分野では、プロダクトに占めるデザインの役割が明示的であり、分かりやすい。だが実際には、われわれが手にし、あるいは目に、耳にするプロダクトは（程度の差こそあれ）デザインされたものであり、そこに意匠を施した組織、人物が存在する。もちろん工業製品においても例外で
囲碁のフリーペーパー「碁的」がものすごいことになっていた：カフェオレ・ライター
プロフィール マルコ フリーライター／BL研究家やってます。お仕事のご依頼、ネタのタレコミはメール、またはtwitterあてにお気軽に。お仕事について詳しくはこちら。 メールアドレスはma-cafe@hotmail.co.jp 書いている人のことがなんとなくわかる記事↓ 生きていく上でまったく知る必要のないボーイズラブの最新事情まとめ ダニに噛まれたと思っていた脇腹の傷が、とんでもない病気だった話 テニスの王子様は18年でどれだけインフレしたのか 最近、コンピューターの将棋ソフトがついにプロを打ち負かしたとかで話題になっています。 詳細はこのあたりの記事に詳しく出ていますが、とうとうコンピューターはここまできたのか……と、何だか複雑な気持ちです。 ところで、その超スゴイコンピューター将棋ソフトをイメージした公式マスコットキャラはこんな感じらしいです。 ナメとんのかー！！ もうちょっと他に何
妹はVIPPER みんな大好き 谷亮子議員をフォトショマジックで可愛くしてみた
1：以下、名無しにかわりましてVIPがお送りします：2010/07/31(土) 17:08:18.36 ID:yGSBwgtW0 元画像はこれを使用。 今回は自分のコスプレ画像なんかを綺麗に補正するための参考になればということで 基本の簡単な補正を紹介します。 3：以下、名無しにかわりましてVIPがお送りします：2010/07/31(土) 17:08:58.79 ID:yGSBwgtW0 まずは顔色を健康的にします。 画像をフォトショで開いたら、上のメニューから 「イメージ→色調補正→明るさ・コントラスト」 を選び、顔色を心持ち明るくします。 4：以下、名無しにかわりましてVIPがお送りします：2010/07/31(土) 17:10:01.01 ID:yGSBwgtW0 次に「イメージ→色調補正→カラーバランス」を選択。 バーを適当にいじくって顔に赤みと黄色みをプラスし
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
jQuery iPhone UIはHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
伊藤内科医院
大分市大石町4丁目1組の2 / 097-543-1100 診療時間: 8:30～12:00・13:30～17:30（水曜日は15:30まで） ※受付時間は診療時間終了の30分前までとなります。 休診日: 日曜・祭日・木曜午後・土曜午後
ゆず屋: [フォント] iPhone & iPhoneアプリのフォント
今日はアニメじゃなくて iPhone 関係のフォントの話です。 ちょっと長くなりそうなので早速始めましょう。 ■ iPhone 自体のフォント Apple 社の Macintosh には「ヒラギノ」シリーズの和文フォントが搭載されていることが有名ですが、iPhone にも同じフォントが搭載されています。 下の画像は iPhone の標準ブラウザである Safari の画面ですが、この文字の表示に使われているのがヒラギノ角ゴです。 もちろん Safari だけでなく、iPhone OS やその他のアプリでも使われてます。 ただし、Mac には「ヒラギノ角ゴ」以外にも「ヒラギノ明朝」と「ヒラギノ丸ゴ」が搭載されているのに対して iPhone には「角ゴ」しか入っていません。 なので、iPhone では標準的な太さの「ヒラギノ角ゴ W3」と、やや太めの「W6」の２種類しか和文フォントの選択肢が無
美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合
長崎心泉堂の「幸せの黄色いカステラ」というのを楽天で取り寄せてみました。 とても卵の味が濃くて、甘さはその分抑えてあり、非常に美味しいカステラでした。 よくあるカステラとは明らかにひと味もふた味も違います。届いた１本を数日で食べきって、またすぐに注文しちゃったくらいです。 また、アフターケアも充実していて、買った後、こんなメールまで届いたのです。 題名：【長崎 心泉堂】カステラは無事お届けできていますか？ お世話になります。 カステラ専門店【長崎心泉堂】 受注担当 待鳥智美です。 ＜中略＞ さて、ご注文の品は無事お届けできておりますでしょうか ご贈答の場合は、お届け先様にお気に召していただけましたでしょうか？ カステラのお味はいかがでしたでしょうか? ぜひ、私どもに、お客様の声をお聞かせくださいませ。 お願いします。 というのも、お客様の声によりよい商品作りがあると考えるからです。 当社の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年Web制作者の人気を集めたWebデザインTop50（国内編）
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
