ファンにとっても、もっとも身近で大事なアニメグッズ。それはサントラCDやDVD、Blu-rayといったソフト類ではないだろうか。株式会社チャンネル・プロダクションの代表である内古閑智之（うちこがともゆき）さんは、アニメソフトのパッケージデザインを多数手がけるデザイナー。最近はタイトルロゴやパッケージだけでなく、アニメ本編に関わることも多くなってきたという。アニメ作品に「外部」から関わることの面白さと難しさを、内古閑さんにうかがってみた。 音楽CDのジャケット・デザインから、アニメの世界へ ──どういうキッカケで、アニメのDVDなどのパッケージを手がけるようになったのですか？ 内古閑　もともとは、音楽のCDジャケットをデザインしていました。仕事とは別に、アニメと漫画はずっと好きでした。2000年ごろから、普通のアーティストがアニメの主題歌を歌うタイアップが増えてきたんです。すると、「内古閑く

『君の名は。』『魔法少女まどか☆マギカ』『ニセコイ』のグラフィックデザインを手掛けたBALCOLONY.に潜入！ イラスト、漫画、アニメ、動画、音楽……さまざまなジャンルで活躍するクリエイターたちの制作机にスポットを当てる連載企画『#DESKWATCH』。珠玉のクリエイティブがどのような環境で生まれるのか、プロのクリエイターはどんなツールを使っているのか、写真とインタビューでじっくり迫ります！ 今回は『君の名は。』『ニセコイ』『ラブライブ！』などのクリエイティブを手がけたデザイン事務所、BALCOLONY.（バルコロニー）にお邪魔して、『魔法少女まどか☆マギカ』のタイトルロゴをデザインしたアートディレクター・染谷洋平さんの制作机をチェック！ 自身のことを「萌え豚」と称する染谷さんは、萌え絵をこよなく愛するデザイナーなんです。

こんにちは、日本で唯一の100徳ナイフコレクター（推定）兼、UIデザインとかしてる fladdictです。 先日、会社の機材として新しい100徳ナイフを購入しました。 via mantiquesmodern ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。 馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。 このナイフをクライアントの偉い人に見せると、あら不思議！ 「弊社のアプリをこうしては絶対にならない！」「この状況を脱しなければならない！」という号令が、ほぼ100%トップダウンで発動します。 一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生ま

Cygamesが開発・運営しているソーシャルゲーム『グランブルーファンタジー』。その美しく繊細なデザインワークは、アートデザイナーの皆葉英夫氏と、同社所属のデザイナーたちが中心となって手がけている。その１人であるYUTA氏に話を伺った。 学生のうちにしっかり基礎体力を付けてほしい YUTA氏が初めてデッサンを体験したのは、高校入学後に所属した美術部だった。「顧問の先生は古風な具象画を好む実力主義の方で、部員は60人くらいいました。本気で絵を描きたい人が何割かいたおかげで、石膏像のデッサンも体験できたりと、恵まれた環境でした」。次第に美術への関心が深まっていったYUTA氏は、美術大学受験を決意し、美術予備校に通い始めた。 「美術部のデッサンだけでは限界があったので、より本格的なトレーニングができる予備校にも通ったのです」。通算で2年以上予備校に通い、1年間の浪人時代には1日12時間以上デッサ

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後

現役美大生です。 いろんなまとめサイトやそのブコメなどで「多摩美やムサビは同じ出身校同士の結びつきが強い」「電博(電通・博報堂)とのつながり」というコメントがちらほら見受けられました。それを一言で「身内褒め」でピシャリと言い切ったものもありました。 今まで僕はギャラリーでサノケンや佐藤可◯和、森本千◯、長◯りかこなど、美大生の間では名の知れたデザイナーの作品を数多く見てきました。その作品を見るとたまに、またか…と思ってしまう自分がいました。まだデザインの仕事に深く携わっていませんのではっきりと言い切ることはできませんが、色々な人達が指摘した通り、身内褒めは存在すると思いました。 まず電博のエリート派閥にいるのはほとんど芸大ムサタマです。そして電博に就職したいと思っても面接を受けられるのは学校が決めた成績上位者の極一部だけです。ゾシビやゾーケーが電博にいないわけではないと思いますが、芸大ムサ

デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

Photoshopで「透明」を表す「白とグレーの市松模様」。Photoshopユーザーであれば、この市松模様を特に意識することなく「透明」と認識してしまう人も少なくないだろう。 しかしなぜ「透明」を「白とグレーの市松模様」で表現したのか。その長年抱き続けていた疑問を、Photoshop誕生25周年イベントのために来日していたPhotoshop共同開発者のトーマス・ノール氏に投げかけてみた。 見える人には透明に見える「白とグレーの市松模様」 （左）Photoshop共同開発者のトーマス・ノール氏、（右）筆者 実はこの表現は、バイオロジーの分野（生物学など）から来ているという。もともとバイオロジーの分野では「透明なガラスの下に白黒のチェッカーボードを置いて物を置く」という表現があり、長い間「透明」を表現するためにチェッカーボードが用いられていたそう。そこからヒントを得て、Photoshopの「

泉信行 @izumino http://t.co/mGO0Sf47RI やっぱり「睫毛の中にツヤを入れる」と並行して、「瞳の影部分を明るくする」というのが最近の流行りみたいで、どこが発信源なんだろうなあ。ちなみにこのゲームの色塗りは絵師ではなくデザイン会社が塗ってるらしく個性的な技法でもないんだと思う 2013-03-11 18:56:17

CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應

元CAPCOMの重鎮・現イラストレーター、また「ガンダムGのレコンギスタ」では主役機Gセルフ等のデザインを手がけメカデザイナーとしても活躍し多才な才能をみせるあきまんこと安田朗氏が語った 「絵の中に無数に存在する鍵」について 2012年から現在までのまとめです

Today, Google Design are open-sourcing 750 glyphs as part of the Material Design system icons pack. The system icons contain icons commonly used across different apps, such as icons used for media playback, communication, content editing, connectivity, and so on. They're equally useful when building for the web, Android or iOS. Read on for the release notes, view a live preview of the icons or dow

身につける服でも仕事のプレゼンテーションでも、何かの見た目を良くしたいのなら、色は大切な要素です。ですが、オレンジと青が完璧な組み合わせだなんて、誰もが直感的に知っているわけではありません。自分の直感を信じられないなら、色彩理論の基本を理解して、それをもとに正しい色を選んでみてはどうでしょうか。 色相環を知る 上の図は基本的な色相環で、色を選ぶ際の指針になるものです。学校で見たことがあるかもしれませんが、忘れている方のために、簡単におさらいしておきましょう。 赤、青、黄色の3色が原色です。赤と黄色を混ぜると橙になります。青と黄色を混ぜると緑になります。赤と青を混ぜると紫になります。そのため、橙、緑、紫は二次色と呼ばれています。赤紫や青紫などの三次色は、原色と二次色を混ぜたものです。 すべての色には明色（明度の高い色）と暗色（明度の低い色）があります。明色は元の色に白を混ぜてできる色、暗色は

Apple原理主義者の大坪です。 さて、GoogleI/O2014参加レポート第２弾。Google I/Oがカバーしている内容は、Googleの事業領域を反映しサーバーサイドからクライアントのデザインから、はてまたロボットにいたるまで非常に幅広い。今日はその中から標題のセッション＋別のセッション内容を元に書きます。 ーーー スピーカーはGoogleのシニア User Experience Researcher, Tomer Sharon 氏。まずMITとStanfordのComputer Science卒業生が作った「メモ作成アプリ」を開発したスタートアップ(仮想のものか実在のものかわかりません。少なくとも創業者の写真は別の人がモデルをしていました）がなぜ失敗したかについてその理由を挙げて行きます。 1 They did not fall in love with problem ：問題を

Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater

ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 １．UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」などの表現が用いられている。 「ユーザー」という共通項があるため、共通でくく

ユーザー獲得（アクイジション）最大の間口の１つ、ランディングページ。 テンプレが固定されているGoogle PlayやApp Storeと比べてデザインの融通が利く分、アプリの印象を伝える最適なマーケティング・チャネルです。 一方、リソースの少ないスタートアップではアプリの開発に手がいっぱいで、LPのデザインに多くの工数をかけられないのも現実です。 そこで本日は、多くのリソースを割かずともアプリの魅力を印象づけられる超かっこいいLPテンプレを10個ご紹介致します！ FeedApp 特徴:　カラフルなフラットデザイン 価格:　10ドル レスポンシブ:　PC、タブレット、スマホ対応 ライブデモはこちら Landiin 特徴:　アプリ内UIのサンプルを動的に見せることが可能 価格:　11ドル レスポンシブ:　PC、タブレット、スマホ対応 ライブデモはこちら Rise 特徴:　3種類のバリエーショ

Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different

PHPカンファレンス2013 の #P4D ワークショップでお話させていただきました。 私がお手伝いさせていただいてる Forkwell のサービス開発のフローを例に紹介させていただきました # 補足などを追記 http://d.hatena.ne.jp/ken_c_lo/20130915…