任天堂の次世代ゲーム機「NX」(仮称)の実物写真がインターネット上に流出し、大きな話題となっている。「NX」は2016～2017年に発売するといわれており、すでに仕様やデザイン等は完成しているといわれている。 ・コントローラの表面がすべて液晶画面 その「NX」のコントローラの写真が流出したのだから、ゲームファンが興奮しないはずがない。なぜなら、「NX」最大の特徴がコントローラにあるからだ。「NX」はコントローラの表面がすべて液晶画面になっており、プレイヤーは「液晶画面を持って遊ぶ」ようなかたちになる。 ・ゲームパッドと大きく異なる 任天堂の現行機「WiiU」でも、液晶画面がついたゲームパッドと呼ばれるコントローラを採用しているが、「NX」はコントローラ全体が液晶画面となっており、デザインや操作性が「WiiU」のゲームパッドと大きく異なる。 ・関係各社からの流出の可能性 それにしても、どうい

前置き 私はデザインが苦手。UIもCSSも、かっこよくならない。でも、かっこいいデザインがしたい、という思いはある。 そういう悩みを私も抱えていて、この本を読んで少し楽になれたので、紹介することにします。 デザイン的学問のススメ。 教科書：美の構成学 構成学は、芸術をはじめとする「美しさ」がなぜそう見えるのか、その美しさを構成する要素がなんなのかを学術的に分析、研究するための学問です。 本文より引用 構成学を一言でいえば、造形に共通する形態、色彩、材料に関するそれぞれの特性を明らかにするとともに、造形との関わりを掘り下げる研究領域である。 「なぜ美しいのかわかる」 というのが大きなポイントです。 これがわかれば、「○○だから美しいんだ！」 と胸をはって言えるから。 （少なくとも、論理的に説明する理由をつけられる、という点で自信になる） この本から、Webデザインに適用できる（と思われる）考

フジテレビ“ノイタミナ”にて毎週木曜24:55～放送 　ほか各局でも放送 4月7日(木)フジテレビ初回放送は24:25〜放送 Amazonプライム・ビデオにて日本・海外独占配信 第1話：日本では4月6日（水）24:00～先行配信 第２話以降：日本では毎話フジテレビ放送直後の木曜27:00～配信予定 [主題歌] オープニング・テーマ：EGOIST「KABANERI OF THE IRON FORTRESS」 エンディング・テーマ：Aimer with chelly (EGOIST)「ninelie」 [スタッフ] 監督：荒木哲郎 シリーズ構成／脚本：大河内一楼 キャラクター原案：美樹本晴彦 アニメーションキャラクターデザイン／総作画監督：江原康之 音楽：澤野弘之 脚本：瀬古浩司 助監督：田中洋之 設定統括：笠岡淳平 仮想世界調整：三輪清宗 コンセプトアート＆デザイン：森山洋 デザイン

この春から六本木で働き始める駆け出しデザイナーです！ MAMORIOという落とし物追跡タグのUI/UXデザインをやっています。 先日、ついに「Adobe Experience Design CC (Preview)」（以下、Adobe XD）が公開されました。 以前からAdobe初の”UXデザイン”に特化したアプリケーションとして話題になっていた「Adobe XD」ですが、一体何ができるのでしょうか？　実際に使ってみながらご紹介します。 デザインとプロトタイピングの行き来ができる デザインソフト「Sketch」や、プロトタイピングツール「POP」「Prott」など、UXデザインをするためのツールはたくさんあります。「Adobe XD」の一番の特徴は、「Sketch」などが行っていた”デザイン”のプロセスと、それに遷移をつけて動くモックアップにする”プロトタイピング”のプロセスを、１つのアプ

1948年群馬県生まれ。「ほぼ日刊イトイ新聞」主宰。 1971年にコピーライターとしてデビュー。 「不思議、大好き。」「おいしい生活。」などの広告で一躍有名に。 また、作詞やエッセイ執筆、ゲーム制作など、幅広いジャンルでも活躍。 1998年6月に毎日更新のウェブサイト「ほぼ日刊イトイ新聞」を 立ち上げてからは、同サイトでの活動に全力を傾けている。 糸井：よく分からないんですけど、まあ一言で言えば、経営してきた人のヒストリーですよね。きちんとしたヒストリーさえあれば、「5年しか経っていないけれどブランド」っていうのもあると思うんです。 「iPhone」だって、アップルというブランドに乗っかっているとはいえ、ブランドとして一本立ちできる存在になっている。それはやっぱり、「iPhone」の持っているヒストリーだと思うんです。そして、ヒストリーというのは「ライフの集合体」でもある。 川島：「ライフ

田口：ありがたいですね。あのコンテンツは菅野が記事を、杉本がデザインを担当しました。僕も気になるのですが、あれはどのようにつくったんですか。 杉本：対談のきっかけは、糸井（重里）が「バルミューダ ザ・トースター」を購入したことでした。「これはすごい商品だ」と社内でも話題になって。その後、糸井がバルミューダ社の寺尾玄社長とお会いする機会があったんです。社長同士が知り合いになり、さらに互いの社員同士も意気投合して「何かやりましょう」となって、自然とあの対談企画が生まれました。 菅野：寺尾社長と糸井の対談は、寺尾社長の一代記を糸井が聞き出すという流れでした。対談に同席しながら、記事にすれば、きっと“男子成長物語”のような読まれ方をするかもしれないと思っていたのですが、私としては、女性や食べ物が好きな方々にも読んでもらいたくて。対談の後は、Webサイトの「ほぼ日ストア」でのトースターの販売、TOB

SXSWレポート：｢今いちばん楽しい場所｣でHACKistがクリエイトし続ける理由2016.03.15 22:00Sponsored 雪もあれば、柴犬もいました。 テキサス オースティンで毎年3月に開催される音楽と映画とテクノロジーのフェス、SXSW（サウス・バイ・サウスウエスト）。ツイッターやFoursquare、Meerkatなどのテック系サービスがブレイクしたことでも有名です。 かつてはスタートアップ企業などが多く参加し、インディーな雰囲気だったSXSWですが、最近では著名な企業やクリエイター集団の出展も増えています。そのひとつが、HACKist。 HACKistは、Webサイトの制作を中心に、マルチタッチポイントで統合的なデジタルマーケティングを強みとする博報堂アイ・スタジオのデジタルクリエイティブラボ。通常業務としてではなく、クリエイターやエンジニアが有志で活動しているプロジェク

Webページ、本や雑誌、ポスターや看板などで見たフォントを使いたいけど、そのフォントが何か分からない時ってありますよね。そんな時にはフォントを画像から、フォントの特徴からそのフォントが何か検索できる無料サービスを紹介します。 日本語のフリーフォントのまとめも参考にどうぞ。 2022年用、日本語のフリーフォント 609種類のまとめ フォント名が分からない日本語フォントを検索・自動判定 Adobeやダイナフォントやタイプバンクの有償日本語フォントをはじめ、青柳衡山フォントやみかちゃんフォントなど無料日本語フォントまで、日本語フォントを検索できます。 Identifont -形状別フォント 識別名称別フォント検索 対応フォント 日本語・英語 対応フォントは、書体メーカー一覧をご覧ください。 検索方法 形状別・名称別・スタイル別・類似・絵文字・メーカー別 使い方は簡単で、名前が分からないフォントの

今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。 そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。 MJMLの使い方 MJMLのシンプルなデモです。 モバイルで見た場合のデザインに変更しました。 こんな複雑なデザインも実現できます。 メニューをつけたデザイン。 モバイルデザイン。 MJMLを使うことで、最適なレスポンシブデザインが容易に実現できるようになります。メールはサーバ側のHTMLと異なり、JavaScriptを実行したり、データの出し分けもできません。MJMLを使えばメールの反応率も大きく変わってくることでしょう。 MJMLはnode/JavaScript製のオープンソース・ソフトウェア（MIT

愛知県豊橋市の県立豊橋工業高校の生徒たちが２年かけて考案した、足でも操作できる扇風機が商品化され、４月から全国の家電量販店などで発売される。ありそうでなかった発想は、子どもの頃に「行儀が悪い」と親から叱られた経験を逆手に取ったもの。かがまなくても操作ができるため、足腰の弱い高齢者にもやさしい商品になっている。 「あしもとスイッチｆａｎ」と名付けられた扇風機は、台座の側面に足の爪のように五つの操作ボタンが並ぶ。電源のオン・オフのほか、タイマーの設定や風力の調整がつま先で簡単にできる。 商品化にこぎ着けたのは、同校電子機械科３年でこの春に卒業した今原順一さん（１８）、鈴木崇弘さん（１８）、今泉拓海さん（１７）の３人。課題研究の授業として取り組んだ。 もともとは昨年の卒業生須田柊一郎さんら３人のアイデアだった。子どもの頃、扇風機を足で操作した須田さんが、母親に注意された体験がヒントになった。足で

※2019年度版も公開しました！ https://webkikaku.co.jp/homepage/blog/webdesign/recruit2019/ ※2018年度版も公開しました！ 「2018年新卒採用サイトを徹底比較！おしゃれなデザインまとめ20選」 https://webkikaku.co.jp/homepage/blog/webdesign/recruit2018/ 今年も3/1から2017年の新卒採用がスタートしましたね。多くの会社が新卒向けの採用サイトをオープンしています。弊社（株式会社WEB企画）でも採用サイトの制作お手伝いをさせていただいております。今回はたくさんの採用サイトを見た中から、おしゃれな採用サイト「さわやか編」、「クール編」、「ユニーク編」にわけてご紹介します！ 2017年新卒採用サイト～さわやか編～ 明るくさわやかなデザインのワイズ やさしくカラフルな色

自分用に一覧化したものがほしくて作ったのでシェアします。 あくまで個人的に思ったものなので多少合わないと思うものもあるかもしれませんが、可愛らしいデザインや遊び心あるような感じのサイトで使えそう・相性が良さそうだと思ったボタンデザインやホバーエフェクトです。 いずれも画像やJavaScriptなどは使用せずに見た目から動きまで全てCSSで表現しており、CSSなのでカラー変更やフォントサイズの変更なども容易にできます。 閲覧の際にChrome又はFirefoxで見てもらえるとほぼ問題なく動きの確認ができると思いますが、ブラウザによって動きや見栄えが説明と異なる場合があります。 基本的に必要だと思う記述は全て掲載しておりますが、例えばfont-familyやfont-sizeなどのように環境によって大きく記述が異なるようなものは省略して紹介しているので、場合にはよって実装してみたものと紹介して

By Tim Franklin Photography マーケットリサーチアナリストとして働き、SEOやPPCのスペシャリストであり、かつ心理学をたしなんでいるというニック・コレンダさんが、心理学の視点から導き出した「コンバージョン率を劇的にアップさせるための30の心理作戦」を公開しています。「フムフム、なるほど」というものから、「恐ろしあ……」となる戦略まであり、広告運用やSEOの知識がない人もサービスを使うユーザーとして知っておくべき内容になっています。 Conversion Optimization: An Enormous List of Psychological Tactics http://www.nickkolenda.com/conversion-optimization-psychology/ 30の戦略を見る準備として、運営しているサービスをCTA別に分けてじょうご状

アプリエンジニア。株式会社マイナースタジオ所属。主に扱っているプログラミング言語はSwift、Ruby、PHP、Python。イカが好き。 ユーザーにストレスなくより良いユーザー体験を提供するためには、細部のUIデザインにも気をつけなければいけません。 今回はこれだけは押さえておきたいUIデザインを紹介します。 1. エラー時は問題の解決方法も載せる たとえば、ネットワークエラー時などには「ネットワークに接続できませんでした」と表示するだけでなく、「ネットワークに接続できませんでした。Wi-fiの設定を確認のうえ、もう一度お試しください」というようにエラーの解決につながる方法を明示した方がより親切です。 2. 画面をスワイプで戻れるようにする iPhone6, iPhone6 Plusがリリースされ、最近では大画面のデバイスが増えてきました。片手操作の場合、画面上部にあるボタンに届かないと

まぁ、ぶっちゃけいつの時代も情報収集なんて大事にきまってんですが、今年は特にIoTの流れが急速に進みつつありますし、どのメディアでもVRだったり、リアルタイムメディアの成長についてだったり、変化の兆しが非常に顕著にあらわれていると思います（まぁ毎年ですが…）。 WEBからモバイルへ移り、モバイルからIoTの進化により様々なデバイスへフィールドが移ろうとしつつ、その次は、その次は…、その次…。 僕らの主戦場もなかなかに落ち着きを見せないようですが、まぁ落ち着く事なんて僕らが生きてるうちに訪れるのかと思うのと、そんな時代の流れを含めて楽しむのがWEB屋かなと。 と、言うことで、今日は改めて情報収集に関する記事として、このメディアは見といた方が良いよねってリストを改めて整理してみましたので、共有させて頂きたいと思います！かなり雑多にまとめるので、自分にとって学びになりそうな物をチョイスしてみて貰

Adobeが、ついにUXデザインに特化したツール「Adobe XD」を公開しました。 下の動画を見てみてください。 Adobe XD (Preview): Quick Demo これまでのAdobeらしからぬ、大変シンプルなUIですね。 UIデザインのツールといえば… PrototypeモードはUIデザイナー待望の機能 Sketchの運命やいかに 当ブログのおすすめ記事 UIデザインのツールといえば… ところでUIデザインのツールといえば、ここ数年で「Sketch」がブームになっていますね。 最近はデザイナーの求人などを見ていても、東京のIT企業を中心に「Photoshop, Illustrator, Sketchを利用したUIデザインの実務経験を有すること」という表記を目にするようになりました。 Sketchは、確実にUIデザインのツールとして普及してきています。 そんな中で、Adobe

映画「バック・トゥ・ザ・フューチャー」シリーズで心奪われた人も多いはずの自動で靴紐を締め上げるスニーカーが本当に市販されることになりました。発売するのはもちろんNIKEで、新プラットフォーム「HyperAdapt 1.0」を採用したスニーカーの画像や映像が公開されています。 Nike News - Nike HyperAdapt 1.0 Manifests the Unimaginable http://news.nike.com/news/hyperadapt-adaptive-lacing HyperAdapt 1.0は、「アダプティブ・レイシング」(適合型紐締め機構)と呼ばれるメカニズムを組み込んだ世界初のスニーカーとなります。スニーカーのフォルムは従来とほぼ同じですが、靴底に何やら気になる部分が。 「MT2」と書かれ、靴底で青く見えるこの部分に、自動で紐を調節するメカニズムが内蔵さ

蒼樹うめ、漫画家デビュー秘話を語る　「小２で興味、中３で同人誌」「無謀に美大、落選どころか…就活で開眼」　１９日から初凱旋展「落書き即興、破壊…」 アニメ化もされた連載漫画「ひだまりスケッチ」やアニメ「魔法少女まどか☆マギカ」のキャラクター原案などを手掛ける人気の女性漫画家、蒼樹うめさんの原画や未公開の設定画などを集めた「蒼樹うめ展ｉｎ大阪」が１９日、大阪市港区の大阪文化館・天保山で開幕する。昨年１０月、東京・上野の森美術館で開かれた初個展に続き、兵庫出身の蒼樹さんにとって故郷での凱旋（がいせん）となる関西初の個展。「東京での初個展を踏まえ、さらに充実した内容にしたい」と意欲を見せ、最終準備に余念のない蒼樹さんに個展の見どころ、そして漫画家デビュー秘話などを聞いた。　　　（戸津井康之） ■創作の原点が集結 現在も漫画誌で連載中の４コマ漫画「ひだまりスケッチ」の原稿や、アイデアを書き込んだ創

ランボルギーニは、米国フロリダ州で開催されたクラシックカーの祭典、アメリア・アイランド・コンクール・デレガンスに、写真の1971年製「ミウラSV」を出展した。このミウラはただのミウラではない。ランボルギーニの歴史的モデルに関するレストアや鑑定を行う部門として2015年春に新設された、PoloStoricoが完璧に修復した逸品だ。 このシャシー・ナンバー「4846」を与えられた個体は、ミウラの高性能版「SV」の量産前試作車として、1971年のジュネーブ・モーターショーでベルトーネのブースに展示された車両だ。その年、ランボルギーニのメイン・ステージを飾ったのはあの「カウンタック」だった。同社によれば、このミウラSVは「真のワンオフ」で、従来型にあたる「ミウラS」のパーツを引き継ぎながら、後に市販されるミウラSVの新たな特長も備えた１台であるという。 歴史はさておき、とにかくこの素晴らしい出来栄