行為のデザイン | イソムラ式株式会社フクフクプラス 代表取締役 磯村 歩のブログです。ユニバーサルデザイン、サスティナブルデザイン、建築、福祉、介護について綴っています。2020年6月より、新規投稿はnote（https://note.com/2929plus）にしています。
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
残念なデザイン。: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 うーん。これはいま実感としてすごく感じているところ。 残念なデザイナは、往々にして表面だけの議論をしたがります。「この曲線が美しい」とか。うん、そんなのね、どーでもいいの。こういうヒトは誰かの真似をした"もっともらしい"表面を並び立てるだけ。"なんだか"格好いいけど、深みがない。そして、なによりも応用が利かないから、提案としてとても打たれ弱い。 なんだか格好いいけど、深みがないデザインって、本当に残念だということを、いま個人的に身にしみて感じているところです。 上記のエントリーでは、「表面」に対して「構造」の重要性が述べられていますが、僕はその「構造」の部分を「意味」と言い換えたい。 意味を混乱させるデザインその物がもつ「意味」を表現できていない残念なデザインが多すぎる。い
au design projectのコンセプトモデル：「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは (1/2) - ITmedia +D モバイル
「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは：au design projectのコンセプトモデル（1/2 ページ） 東京・原宿にあるKDDIデザイニングスタジオで7月31日から始まった「ケータイがケータイし忘れていたもの」展。ここには、ユーザーインタフェース（UI）を重視したau design projectのコンセプトモデルが展示されている。コンセプトモデルの1つ、「actface」をデザインしたのがウルトラテクノロジスト集団「チームラボ」だ。 チームラボの代表を務める猪子寿之氏が、イベントの開催を記念して行われたトークショーで、actfaceのUIが生まれるまでの経緯や携帯UIに対する考え方について説明した。 →画面上で墨が揺らぎ、雲が流れ、街が成長する──UI重視のau design project新モデル →動画で見る、au design p
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして
C-teamで作るバナー広告の効果がスゴすぎてひいた話 : けんすう日記
今、C-teamというサイトの開発に関わっているのですが、あまりに効果が高くてスゴイので、結構ショックだったので紹介します。 C-team 今までWebディレクターとして、バナー制作をしたり、自分のサイトのバナーを制作会社に頼んでいたりしたんですが、これがいかに非効率だったかということを思い知って反省したので、紹介してみます。 自分の関わっているサービスをスゴイスゴイ言うと宣伝くさくなるので避けてたんですが、これは本当にびっくりしたのです。通常のバナーの作り方 通常のバナー広告って以下みたいな手順をふむことが多いですね。 1. 宣伝したいサイトの運営者(ディレクター)が欲しいイメージを制作会社に伝える 2. 制作会社のデザイナーさんがいくつか作る 3. そのバナーでよさそうなものを運営者が選んでそのバナーを出す ここでの問題は、1も2も3も「こういうのがいいんじゃないか」って勝手に想像して
当然だけど、色弱の人にはカラースターの色の違いが分かんない。 - 日々、とんは語る。
先月末にカラースターがリリースされて、特別なものを貰って嬉しいという気持ちを触発させるのに、とても良いサービスだなと思ったのですが、ひとつ大きな問題があります。 色弱の人には、色の違いが分からなくて、嬉しさや楽しさが分からない(伝わらない)場合があるという事です。 僕の場合、ブルーはひと目で違いが分かりますが、レッドは単体で見ると、(スターは黄色という)固定観念によって、イエローと判断される場合がありますし、レッドとイエローが並んだ場合はグリーンに見えます。そして、グリーンがレッドに見える事はありませんが、イエローの違いはほとんど皆無です。 ややこしい話ですが、要は、色弱の人はその時の調子や気分によって、何色にでも見える可能性があるというのが重要であり、カラースターが色の違いだけで、変化を表しているため、スターを付けた人の意図しない見え方(認識)をしてしまう可能性があるというのが問題だと思
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
デザインを魅力的なものにする、シンプルな10個のテクニック
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
NHN JAPAN株式会社
最良を超えた、No.1のインターネット企業へ NHN JAPAN株式会社は当社の理念である「Next Human Network=インターネットに広がる無限の可能性を活かした人と人とのつながり、豊かな社会の実現」に向け、グループ各社とともに価値ある事業を創造し、様々なチャレンジを続けてまいります。 Company Info 会社名 NHN JAPAN株式会社 （英語社名：NHN JAPAN Corp.） 設立 2013年 4月 1日 資本金 31億円 役員 代表取締役社長 安 賢植 （Ahn Hyunshik） 会長取締役 李 俊昊 （Lee Joonho） 取締役 丁 佑鎭 （Chung Ujin） 社員数 約 90名（2022年1月現在） 所在地 〒105-0003 東京都港区西新橋三丁目1番8号 NHN アトリエ 事業内容 当社グループの事業戦略支援・管理 グループ会社 NHN Pl
使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてくださ.. - 人力検索はてな
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
マンション100％〜物件検索、みんなの口コミ情報
マンション100％は、物件探しのカンタン便利な機能が満載です。評判をみたり、気になるリストに入れて、比較表でらくらく検討。５つのＳＴＥＰでマンション探しをナビゲート。見て楽しく参加して楽しい、みんなでつくるマンション口コミ情報サイトです。補助メニュー 利用規約 コミュニティ・ガイドライン プライバシーポリシー 免責事項 運営会社 よくある質問 お問い合わせ ※"売り切れ"：以前に分譲販売の実績があるマンションを過去物件として掲載しております。キャンセル住戸等存在する場合も"売り切れ"に分類されている可能性がありますのでご注意下さい。 株式会社ネクストは、情報セキュリティマネジメントシステムの国際規格「ISO/IEC 27001」および国内規格「JIS Q 27001」の認証を取得しています。 Copyright © Next Co., Ltd. All rights reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
みんなの仕事場 - みんなで作るオフィス仕事場サイト
PowerPointテンプレートサイトいろいろ - DesignWalker
http://www.designwalker.com/2009/04/wireframe-2.html
Engadget | Technology News & Reviews
長文日記