ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。
本日、はてなダイアリーの操作画面の表記変更を行い、「日記」と表示していた部分を「ブログ」に置き換えました。 これに伴い、ブログ画面上部のメニュー「最新の日記」は「ブログトップ」になりました。管理画面の表記も変更を行っています。 はてなダイアリーは「はてなのブログサービス」としてご利用を開始される方が日々多数いらっしゃり、こうした方々が戸惑わずよりスムーズに利用開始できるよう、「ブログ」という表記を基本的に用いていきたいと考えております。 なお、ユーザー登録開始後に自動的に設定されるブログのタイトルは、これまで通り「hatenadiaryの日記」といったタイトルとなっております。 これまでご利用の皆様には、メニュー項目の変更などによりご迷惑をおかけしますが、ご理解よろしくお願いします。
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
もう１５年前にぐらいになるが、僕の仕事のやりかた、ユーザにたいしてどうやって向き合っていけばいいかについての信念を決定づけたある事件について語ってみようと思う。ほぼ懺悔にも近い。 ぼくが企画したモデムがバカ売れした。無名のブランドだったのにもかかわらず発売した瞬間に、秋葉原のショップで１番の人気モデルになった。理由は他者のモデムが無骨な段ボール箱にはいっていて、いかにもコンピュータの部品っぽかったのに、ぼくのモデムはカラフルな化粧箱をつけて、とても初心者が使いやすそうに見えたからだ。実際、簡単そうにみえる化粧箱をつくるのに何回もつくりなおして半年以上もかかった力作だった。 当時windows95が登場してインターネットが話題にのぼりはじめたあたりで、いままでマニアのパソコン通信ぐらいしか用途がなかったモデムをインターネットという単語に引き寄せられた大量の初心者が買い始めた時期で、とにかく簡
今年3月、磯光雄監督のテレビアニメーション「電脳コイル」が第29回日本SF大賞を受賞した。 ストーリーを特徴付けたのは、現実世界（アナログ）と仮想世界（デジタル）を重ね合わせて見られる「電脳メガネ」の存在だ。主人公の子どもたちは、電脳メガネをかけた世界の中で見えるモンスター（オバケ）と戦い、不可思議な事件に巻き込まれていく。 発想は近未来的でありながら、その世界観はすぐそばで起きていてもおかしくないリアルなもの。どこにでもある日本の街角や神社などが舞台になっており、その「もうすぐ現実になるのではないか」という臨場感も面白さを生んでいる。 折りしも受賞の1ヵ月前に発表されたiPhone用アプリに「セカイカメラ」がある。iPhoneで写真を撮るように目の前にかざすと、ふわふわ浮かぶ「エアタグ」と呼ばれるデータが見える。それをタッチすると、写真やテキストを読み書きできるというものだ。 たとえばラ
ユーザビリティは一般的に「使いやすさ」と訳されていますが、国際標準規格であるＩＳＯ9241では以下のように定義されています。 特定の利用条件において、特定のユーザによって、ある製品が特定の目標を達成するために用いられる際の効果・効率・満足度の度合い。 つまり、どんなユーザが、どんな目的を持って、どういう利用状況で使うのかを把握した上で、効果・効率・満足度の３つを評価しなければなりません。 モノを操作する時に、思うようにいかなくてイライラしたり、失敗して恥ずかしい思いをしてしまったことはありませんか？ こういったとき、人は自分のミスを責めたり、知識の無さを悔やんだりしがちです。 しかし、本当にユーザが悪いのでしょうか？ いいえ。モノに対してどういう状況でどういった操作をしたいと望んでいるのか、どういった行動をとりやすいのかを作り手側が把握していれば、ユーザが失敗することなく、気持ち
先月末にカラースターがリリースされて、特別なものを貰って嬉しいという気持ちを触発させるのに、とても良いサービスだなと思ったのですが、ひとつ大きな問題があります。 色弱の人には、色の違いが分からなくて、嬉しさや楽しさが分からない(伝わらない)場合があるという事です。 僕の場合、ブルーはひと目で違いが分かりますが、レッドは単体で見ると、(スターは黄色という)固定観念によって、イエローと判断される場合がありますし、レッドとイエローが並んだ場合はグリーンに見えます。そして、グリーンがレッドに見える事はありませんが、イエローの違いはほとんど皆無です。 ややこしい話ですが、要は、色弱の人はその時の調子や気分によって、何色にでも見える可能性があるというのが重要であり、カラースターが色の違いだけで、変化を表しているため、スターを付けた人の意図しない見え方(認識)をしてしまう可能性があるというのが問題だと思
超カッコイイ！ 空中に文字が浮かび上がるiPhoneのアプリ｢Light-Writer｣2009.03.30 13:0014,573 iPhoneのアプリで｢Light-Writer｣っていう、かっこいいのを見つけちゃいました。 これは、Light Writerを起動してiPhoneを適切なタイミングで左右に振ると、フラッシュLEDの残像で、空中に文字が浮き出るっていうものなんです。ブォンブォンとiPhoneを振ると思い通りの言葉が空中に表示されるなんて、魔法みたいで、かっこよくありません？ Light WriterはLaan Labsの開発したもので、文字だけじゃなくピースマークとかハートといったイメージも表示することが出来ちゃうんです。自分専用の電光掲示板を好きな時に好きなところに作れちゃうかんじ。 使い方は簡単で、アプリを起動して好きなメッセージやクリップアートを選んで、iPhone
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
キーボードにある「Scr Lock」キー。何のために使うか知ってます？ 必要最小限のキーとキーバインドで最大の効果を得ようとした男が15年ほど前のキーボード業界を大きく揺るがしました。今回は、キーボードの未来を切り開いた男、和田英一の物語です。 Scr Lockの説明を、といわれて答えられますか？ わたしたちは、物事に慣れてしまうと、特別意識せずともそれを行うことができるようになります。例えば歩行などがそうですね。普段の生活で「次に右足を出して、次は左足……」と考えながら歩く人はいません。 同様に、普段目にしているものでも、取り立てて自分に関係がなければ、目にはしていても意識の外に追いやられているものがあります。その1例として、目の前にあるキーボードを見てください。お使いのキーボードにもよりますが「Scr Lock」というキーがあるかと思います。さて、このキーが何をするためのものか即答でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
