たまには本もいかがですか？ セミナーやワークショップのあとに質問を受けることがありますが、「おすすめの書籍はありますか？」と聞かれることがあります。 Web には膨大な情報がありますし、英語まで手を広げると研究者による文献にもアクセスすることができます。しかし、ある特定のトピックを要所を落とさず学びたいときは書籍が便利です。 目まぐるしく状況が変わるだけでなく、デザイナーとして知っておくべき領域も広い今日のデザイン。ソフトウェアの使い方を覚えることも重要ですが、作るための考え方や伝えた方を学ぶことに多くの時間を費やしたほうが良いでしょう。自分のデザインの意図が説明できて、ようやく同僚やクライアントにデザインを理解してもらえるからです。 今回は、デザイナーとして読んでおきたいオススメの入門書を紹介。Web やアプリに特化したものではなく、デジタルプロダクトに携わるデザイナーに向いている書籍を

モバイル表示をレスポンシブデザインにするのは、今はふつうのことだ。しかし、単に「レスポンシブならOK」なのだろうか。それは、Windows 8が強烈にdisられたのと同じ轍を踏むことになる。 最近友人から、“サイト推奨事項”を確認して説明してほしいと頼まれた。SEOからスタートした著名なデジタルマーケティングの代理店が送ってきたものだという。 その「サイト推奨事項」のドキュメントには、コンテンツや検索の最適化に関する記述があり、おおかたは優れている内容だったのだが、検討していくうちに、次の付記に目が留まった。 ※モバイルは貴社のトラフィックの53%を占めています。モバイルフレンドリーなレスポンシブサイトを構築することをお勧めします。 グーグルは、あらゆるデバイス上でサイトを適切に表示するレスポンシブデザインの採用を推奨しており、レスポンシブデザインはモバイルでの検索順位を引き上げる助けにな

たった16秒の動画 作者に聞きました ネットでの反響について 山形市にある芸術系大学の学生が作った「書き時計」が、ネット上で話題になっています。木製のパーツを400個以上組み合わせて作ったもので、からくり時計のように1分ごとに「時計に時間を書かせる」仕組みです。7日に動画付きでツイッターに投稿されると、半日ほどでリツイートと「いいね」が10万を超えました。できるまでに、どんな苦労があったのか？　作者に聞きました。 たった16秒の動画 ツイッターに投稿された16秒の動画。時計の中央には、マグネット式のお絵かきボードとみられるパーツがあり、「06：19」と書かれています。 はじめのうちは下の木製パーツだけが動いていますが、他が一斉に動き始めるとボードが傾いて数字が消え、その上に「06：20」と新しい数字が書き込まれます。 俺の卒業制作 書き時計 pic.twitter.com/NSBi45Lj

作成：2016/02/8 更新：2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール（SegmentedControl）。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti

このチェックリストについて 作成者：天野　由貴　（熊本大学大学院社会文化科学研究科 教授システム学専攻　修士論文）論文（PDF) eラーニングは，時間・場所の制約を受けずに学習をおこなえることから有効なものですが，対面授業のようなその場での質疑応答，学習支援などがおこなえないという問題があります。 学習者はひとりで学習に取り組み，自分でペース配分をしなければならないことが多いと思われます。 そのような状況の中で学習意欲を継続させることは難しいことです。 eラーニング教材に「学習意欲を阻害させる要因を含まないこと」「学習意欲を継続させる工夫」の２点が必要であると考えました。． 学習意欲を阻害させる要因=情報デザイン(Information Design)的な欠点：ユーザビリティ，アクセシビリティ 学習意欲を継続させる工夫＝インストラクショナル・デザイン（Instructional Desig

2016年2月18日紙版発売 2016年2月18日電子版発売 渡辺訓章　著，やまい　イラスト A5判／208ページ 定価2,618円（本体2,380円＋税10%） ISBN 978-4-7741-7944-5 ただいま弊社在庫はございません。 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 ゲームの基本にある「ルール」に焦点を当てた，ゲームデザインの入門書。 お手本のない，オリジナルのゲーム作り。そこには，無数に思える選択肢があります。ゲーム作りは，どのように進めれば良いのでしょうか。本書では「アルゴリズム」「ルールの組み替え」「対称性」「自由と制約」という切

「inspiration ui」はウェブサイトのUIに悩んだときにインスピレーションが受けられるサイトです。フォームや404ページなどさまざまなカテゴリ別にUIが整理されています。ウェブデザインしている最中に何かアイデアをもらいたいときに使えますね。 以下に使ってみた様子を載せておきます。まずinspiration uiへアクセスしましょう。パターンをキーワードで検索することができますが、カテゴリで細分化されているのでカテゴリから選んでみましょう。エラーページを意味する「404page」を選択してみました。 このように各ウェブサービスのエラーページのUIを抽出することができました。サイトによってさまざまなデザインになっていますね。ぜひウェブデザインのアイデアをもらいたいときに使ってみてはいかがでしょうか。 inspiration ui （カメきち）

これは、『城址濠の桜』という作品。2006年オートシェイプ画コンテストで「特別部門大賞」を受賞したパソコン画です。翌々年の作品も素晴らしい出来栄え。 『金屏風・山郷の眺望』。2008年オートシェイプ画コンテストの「特別部門大賞」受賞作品。どちらも、まさかExcelで描いたとは思えません！ 60歳を目前に、早期退職をしてパソコン画を始めたという堀内さん。本人も「表計算ソフト」に秘められていた描画力には驚いたそうですが、周囲にいた若者が上手にグラフや図形を描く様子を見て、これなら絵もかけるのでは？と思い立ったことがきっかけだとか。 「Spoon & Tomato」にはこんなコメントが。 「グラフィックソフトは高価ですが、エクセルならほとんどのPCにはじめからインストールされています。それに、機能も豊富でペイントよりもカンタンに使えますよ」

これ、なんだか分かりますか？ GIHA WOOさんのデザインによる「 Constrained Ball」。 その姿からは想像もつきませんが、「定規」なのです。とは言っても、私たちが知っている従来の定規とは使い方も全く違います。 板型の定規にペンをあてるのではなく、小さな丸いローラーが、ペンをまっすぐと導いてくれます。 線を書いている間に、「力を入れすぎて定規がずれてしまったり」、「定規より長い線を書くのが大変」と、これまでの定規にありがちな弱点が見事にカバーされています。 もちろん、希望の長さの線をひけるようにデザインされていますので、ご心配なく。 ちなみに、ローラーの回転によって正確な長さが分かるシステムも導入されています。アンダーラインなど、上部を見ながらの作業用と、正確な長さの線をひきたい時用で使い分けができるのも、うれしいですよね。 残念ながらまだデザインコンセプトのため、製品化さ

前置き Webを便利に・高品質にしようと技術が進歩する中、コンポーネント設計に寄り添ったシステムが多く出てきました。 ただし、それらを十分に活用するにはデザインから見直さなければなりません。 コンポーネントベースのUIデザインは汎用性・再利用性の観点からも有用ですが、それを実現する際には「コンポーネントの定義」が非常に難しいことがあります。 PDCAサイクルをまわす時のようにあとから再びデザインに手を加えることが予測される環境下では、コンポーネントの粒度が曖昧なままでいると思わぬコストが発生する場合が多々存在するでしょう。 そこに対して一定のルールを持った設計システムが導入されることにより、未来の要望に対応できる柔軟なデザインが構築できるかもしれません。 そう、デザインにも設計は必要なのです！ Atomic Designとは？ atomicdesign.bradfrost.com Atom

はじめまして。ハンドメイドマーケット minneでアプリのUIデザインをしている@naomeme です。 先日プロトタイピングツールProttのイベントで「UIデザインは誰のもの？」というテーマで発表したので、そのことを書きます。 発表したイベントについて 発表したのはPrott User Meetup vol.11 -Google Playベストアプリ特集-というイベント。Prottのヘビーユーザーから「実はあまり知らない…」という人まで、業種もさまざまな人が集まります。毎月開催されていて、気軽に参加できる雰囲気だったのでUIデザインに興味のある方はぜひ。 Prottってなに？という人のために。 Prottは誰でも簡単に、すばやくプロトタイプを作ることができる便利なツールです。現在たくさんのプロトタイピングツールがありますが、その中でもProttはチームでコミュニケーションしながらUIデ

正座するカバや宙に浮く猫、哀愁漂うカエルにスコ座りの猫など、さまざまな動物にちょっと変わったポーズをとらせて立体化させたキュートな動物フィギュアをワンダーフェスティバル 2016[冬]で多数発見しました。 ワンダーフェスティバル｜Wonder Festival http://wf.kaiyodo.net/ ブース番号5-09-01の「猫地蔵」では多数の動物フィギュアを販売していました。 これは漫画「夏目友人帳」に登場するニャンコ先生を立体化した「お昼寝ニャンコ先生」。これは塗装済み完成品のみの販売でした。 完全にお昼寝中です。 こちらは「ウッドブック」に登場するぽんたのフィギュア「寝ぽんた」。無塗装のレジンキットで価格は1500円。 立っているバージョンもあります。こちらも同じく1500円。 これは「ガッツポーズ猫」。無塗装レジンキットで価格は1000円。 正面から見ると明らかにガッツポー

TOP  >  Font  >  筆やペンなどで書いた雰囲気を表現できるフリーフォント「15 Beautifully Imperfect Free Brush Fonts」 フォントは綿密なバランスが計算されて作られたものが多いですが、時にはラフ感を演出したフォントを使いたいシーンもあるのではないでしょうか？そんな時に活躍してくれる、筆やペンなどで書いた雰囲気を表現できるフリーフォント「15 Beautifully Imperfect Free Brush Fonts」を紹介したいと思います。 Dreamers Brush (Free Font) on Behance アナログテイストな、まるで自身でハンドメイドしたかのような質感を演出できるフォントが紹介されています。 詳しくは以下 Selima – Free Font on Behance 透け感のある水彩で書いたかのようなフォント。柔

３次元シミュレーター まずはこちらの動画を御覧ください。電子ブロックのように楽しめて、立体的なモデルまでイメージできるというスグレモノのウェブ教材です。 フラッシで動いているようですので、パソコンブラウザがあればOSに関わらず見ることができます。ただしiPhone等のiOSはフラッシュに対応していなません。パソコンで御覧ください。 先日の科学のネタの記事で物理シミュレーションソフトについて、紹介したところ、 [blogcard url=”http://phys-edu.net/wp/?p=24031″] twitterにて、にこ　らすさん（@Nicol_as）から次のような情報をいただきました。 こんばんは。手前味噌ながら、電気回路シミュレータにはこんなのもありますよ。(開発者の１人です) 3次元電気回路シミュレータ ※　クリックしてうまく動かない場合は、ダウンロードをして、フラッシュファ

2015年12月18日に全国で公開された「スター・ウォーズ/フォースの覚醒」は、スター・ウォーズシリーズとしては初めてジョージ・ルーカスの手元から離れた作品です。ジョージ・ルーカスの後を受け継いだのがJ・J・エイブラムスなわけですが、同作品の公式アートブック「アート・オブ・スター・ウォーズ/フォースの覚醒」を読むと、ジョージ・ルーカスという創始者なしでフォースの覚醒がどのようにして完成したのか、その過程がよくわかります。 「アート・オブ・スター・ウォーズ/フォースの覚醒」の目次は以下のようになっています。 ◆序文 ◆イントロダクション ◆“導かれたイメージ”コンセプト段階 ◆プリプロダクション ◆プロダクション ◆ポストプロダクション ◆「ルーク・スカイウォーカーとは何者？」 本書ではリック・カーターの率いるコンセプト・アート・チームがビジュアルデザインをどのようにして決めていったかが、大

ヒンドゥー教聖職者「女神転生にでるクリシュナは神への冒涜だ！削除しろ」 1 名前： レッドインク(東京都)＠＼(^o^)／：2016/02/05(金) 16:40:24.67 ID:POPDPpjk0.net ヒンドゥーの教えを説く聖職者Rajan Zed氏が先日、声明を発表。 ニンテンドー3DS向けゲーム『真・女神転生IV FINAL』に登場する魔神クリシュナに対してヒンドゥー教全体が大きな怒りを感じている、と非難。同キャラの削除を求めている。 クリシュナはヒンドゥー教ではヴィシュヌ神の化身として崇高な存在なのだが、アトラス開発の『真・女神転生IV FINAL』では魔神として登場する。 「崇高なヒンドゥー教の神への冒涜だ」とZed氏。かぶっている帽子は「ギャングを想起させる」ものであり、さらにジャケットにスカーフ姿の出で立ち。肌の色も茶褐色と本来の青色とはまるで違うため「許容できない」と

Ava GarciaはプロのWordPress開発者で、WordPressのアウトソーシングやPSDからWordPressへの変換サービスを請け負うOSSMedia Ltdに勤務して５年になります。 ビジュアルの一貫性は非常に重要で、視覚的に統一感のあるページを構築することは暗黙の了解となっています。この記事では、バランスとビジュアルの一貫性をUIに取り入れようとする際に参考になる情報をまとめてみました。 当サイトの最初のゲスト記事として、OSSMedia Ltd.のデザイナー、Ava GarciaがUIデザインにおけるビジュアル的一貫性の重要性と、その一貫性を達成しやすくするためのいくつかのヒントを書いてくれました。Avaと彼女の仕事についてもっと関心がある方は、このページの一番下の紹介文をご覧ください。それでは、彼女の記事をお楽しみください！ ・・・ UIデザインがWeb開発の最も核心

そろそろ4月入園の保育園の承諾通知が届くころですね。育児休業中のママたちは、職場復帰の準備を整えているのではないでしょうか。そんなママのもっとも大きな課題は「育児・家事・仕事」をどうやって回していくかということ。そのために必要なのが、なんといってもまずは旦那の協力です。育児休業中はママの方がどうしても時間的余裕があるので、家事育児の負担は大きくママに偏りがちです。復帰を目前にして「どうやって分担を求めようか」とあせっている人も多いのでは？4年前の私もまさにそんな状況でした。そして、「復帰すれば旦那も変わるだろう」と思って仕事復帰をしたのです。 それが甘かった…。 仕事復帰しても旦那は変わらない 復帰して半年、旦那は一向に変わりませんでした。なぜ私ばかりが16時に仕事を終えて、周囲に肩身の狭い思いをしながら帰り、ダッシュで子どもをお迎えに行って、ボロボロこぼされたりしながらご飯を食べさせ、お

文房具を通販出来るオンラインショッピングサイトは数多くあるのですが、今回はその中でも私のおすすめやお気に入り。今後利用してみたいお店を紹介させていただきます。 一人でも多くの人に、お気に入りの文房具屋さんや文房具に出会って欲しいという想いから今回こちらの記事を書かさせていただきました。 あなたのスタイルに合った文房具屋さんを見つけるお手伝いになればと嬉しいです。 僅かながらではありますが、その出会いが文房具屋さんへの恩返しになれば幸いです。 また、自分の仕事柄、サイトの作りや、文房具のデザイン等、各デザイナーの参考になればと考えています。同じような題材で各サイト毎に特徴やデザインの違い等を見て勉強出来ます。ECショップの機能、WEBマーケティングの違いを見ているとあれこれと分かってくる事があります。WEBを勉強中の方には特に役立つものとなるはずです。 これもこの記事の一つの狙いでもあります

先日、何気なくスライドシェアを見ていたら「ほんとこれ！」なスライドを見つけました。 UIの話は会議室でするな from Shingo Katsushima 上記のスライドでは、会議は無駄が多い、UIの話は席でする、問題をみんなの見えるところで話す…など、UIデザインをしていく上で重要な点がまとめられています。 その中でも、身を持って「ほんとこれ！」と常々感じていたことがありますので、今回はそのことについて書きます。 言葉って意外と伝わらないもの わたしは現在、仕事で自社WebサービスのUIデザインをやっています。 Webサービスを開発していく上では、特にエンジニアやディレクターなど職種横断的なコミュニケーションが欠かせません。 なので、毎日のようにディレクターやエンジニアの方と議論をする場面があるのですが、プロジェクトが始まった当初はやり取りにとても苦労しました。 例えば、UIについて「

京都・高山寺に伝わる絵巻物の鳥獣戯画(鳥獣人物戯画)は国宝に指定されており、なかなか手軽に触れることができないものですが、ワンダーフェスティバル 2016[冬]の海洋堂ブースではなんと作品に描かれる蛙と兎を3Dで再現したフィギュアが登場していました。 昨日の鳥獣戯画は、まだどのような販売形態になるのか決まっておりません。 決まり次第こちらのアカウントでおしらせしますので、続報をお待ちくださいね！ 折角なので違う角度で撮った写真を。ウサギのこの顔…！かわいすぎてもう…！(´Д` ) pic.twitter.com/Z0Zqc9QEIH— 【公式】海洋堂　WF3-04 (@kaiyodo_PR) 2015, 12月 25 コレが海洋堂の鳥獣戯画フィギュア。同作品の「甲巻」で描かれる、蛙と兎の相撲の様子をフィギュアにしたものです。 フィギュアはパーツ分割式。まるで絵巻物からそのまま飛び出してきた

グッスマの可動アクションフィギアシリーズ「figma」に、あの「テーブル美術館」の新作として、「ウィトルウィウス的人体図」が登場。figmaならではの、ありえないポージングも可能です。 figmaオフィシャルサイト | トップ http://www.figma.jp/ja/figma/ グッスマのブースに怪しい一角。 ルーブル美術館ならぬ「テーブル美術館」 レオナルド・ダ・ヴィンチのウィトルウィウス的人体図。 腕は4本。 脚も4本。 デッサンのお手本となるドローイングも、3Dだとこんなポージングも可能。 腕と脚は3本バージョンや2本バージョンも可能なようです。 テーブル美術館シリーズの「ウィトルウィウス的人体図」は発売時期、価格ともに未定となっています。 ウィトルウィウス的人体図の隣には…… 天使たち。 タイトルはもちろん「天使像」 手を上げる天使に…… 恋の弓矢を持つ天使。 ラッパをふく

2016 - 02 - 06 未来デザイン 備忘録・ハック-タスク 備忘録・ハック 未来に(Googleカレンダーに) 予定を入れるとワクワクしません？ 楽しいこと予定して 先にお金払うと、残りの時間を とことん有効に使いたいと 頭をつかうようになります😃 ところで、社長。 会社の仕事で 楽しいことってなんですか？ 私はスタッフとの飲み会や 事務所の片付けなんかが 楽しいんですが（笑） 仕事でそうそう楽しい！って 「思い続けられること」、 中々無いんじゃないでしょうか。 だからワクワクすることを あえて作ってカレンダーに入れる！ これって結構単調な日々の 打開策になりますよ❢ 新年始まって 今週はなんか弛んでた。 忙しいくせに、問題回避的な。。。 今日は自戒を込めて 今月、翌月のスケジュールを 作ってました。 カレンダーを使う、 未来を

藤村シシン氏のツイートから始まるＴＬ上の解読と特定班のみなさまのツイートをまとめさせて頂きました。 ※2016年3月22日、後日談追記 （まとめに掲載の許可を下さった方々、どうも有難うございます。）

先日、バズったほどではないけれど、100以上ブックマークがついた記事がありました。当然うれしかったです。 ただ、よくないことがひとつ。記事が伸びると「いいところを見せたい病」が発症します。これがほんとによくない。ちなみにブロガーでもデザイナーでも当てはまる話だと思います。 問題はこの記事 まずは、昨日の記事の悪かったところを、書きました。 内容的には、いい話だと思うんです。ただ、いろんなことを書きたくて、内容がぶれているんです。これはよくないです。 昨日の記事で言いたいことは、たったこれだけだった ・ALT＋TABキーは便利だけど、便利だからこそ心の甘えが出る。ということ。 ●心の甘え補足。心の甘えとは。 ・ショートカットキーを使って「仕事が速いからその分遊んじゃえ」みたいな ・サイヤ人相手だから「足を使わず、両腕だけで戦いましょう」といったフリーザみたいな。 ダイエットコーラだから、「い

『Ａ社よりも品質が高い』。競合他社よりも自社の製品が優れていることを伝える広告表現でよく使われます。たしかに分かりやすい。でも、この表現はあまり使わないように先輩たちに指導されました。いろいろな理由がありますが、そのひとつは感じがわるいからです。 「私が行ってた高校は、○○高校よりも偏差値が高いの♪」「僕は同い年の平均年収の倍はもらってるんだ。」…いかがでしょうか。情報は分かりやすいのですが、決して印象が良いとは言えませんよね。具体的な対象を出さなくても同じで、「１学年で東大に５人ぐらい合格する高校」「年越しをハワイで過ごせるぐらいの年収」もやっぱり印象はよくありません。 広告の比較表現は一例ですが、それ以外にも普段自分が経験しているはずなのに、仕事になるとその経験を度外視してしまうことがあります。お客さんとして買い物に行って経験したことが、売る側になるとその経験を外して考えてしまったり。