この記事は、2019年7月に開催した「Affinity User Group JAPANミーティング #1」での大嶺 建さんと勝谷 元気さんの登壇内容の動画等をご紹介します。 Affinity Designerで簡単YouTube動画制作術 登壇者の大嶺 建さんはYMRchannelというYouTubeチャンネルをされていて、動画編集ではDaVinch Resolveを使用されています。 テロップ作成にAffinity Designer、サムネイル作成にAffinity DesignerとAffinity Photoを使用されているそうです。 個人的には、Affinity Publisherで制作した雑誌風スライドの完成度の高さが目を引きました。 このスライドのPDFは以下からダウンロードできます。 PDFをダウンロード Affinity Publisher形式のデータは以下からダウンロー
2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている
「何で変えるの？！」「残してほしかった」「お年寄りが分かりにくくなる」ー。今、あるマークの見直しがネット上でちょっとした話題になっています。湯気のあがる様子を描いた、あの「温泉マーク」です。日本人にはすっかりおなじみのマークですが、国の委員会はデザインを見直す議論を始めました。日本発祥のものも多い「ピクトグラム」とも呼ばれる案内用マーク。なぜ今、見直すのでしょうか。（経済部 野上大輔） 人が駆け出すようなデザインの「非常口マーク」、男女が並んだ「トイレマーク」。私たちの身の回りには、一目見ただけでそこに何があるかが分かるマークであふれています。こうした案内用のマークは「ピクトグラム」と呼ばれています。文字と違って一目で分かる便利さから、日本だけではなく世界中で使われています。 ところが、これらのデザインを見直そうという会議が今月から経済産業省で始まりました。国土交通省や警察庁、ＪＲなどの公
会話のような勉強会 5月20日 SVG 勉強会 という小さな集まりに参加しました。株式会社まぼろしのデザイナーで、ポッドキャストにも出演していただいたこともある松田直樹さん（@readymadegogo）主催のイベント。勉強会という名だけあって、参加者全員が SVG のネタを持ち寄って、実装から可能性の模索まで様々な話題が挙がりました。 講師/生徒のような関係が生まれやすいセミナーのような場だと、どうしてもコミュニケーションが一方通行になりがちですし、参加側も受け身姿勢になってしまいます。 SVG に関する質問でもいいから、とにかく発表するという条件を設けることで、発表内容を聞きに行くという考えが薄れ、個々の積極性が増したと思います。発表者が話している最中もお構いなしに参加者が質問をするなど、会話をしているような発表時間はとても良いと思いました。 データを操作できる魅力を体感 勉強会では、
内田 達也 2013年新卒入社。複数のコミュニティサービスを経て2015年6月より「AbemaTV」でAndroid、スマホのブラウザ面のUIを担当。プライベートでネイティブアプリの開発も行う。 こんにちは！AbemaTVでUIデザインを担当している内田達也です。この記事では、AbemaTVの立ち上げにおいて、デザイナーがどの程度エンジニアさんの領域に入り込むことができたかを書きたいと思います。 結論から言うと、現在4人いるデザイナー全員がAndroid、iOS、ブラウザいずれかの実装に直接参加することができました。作業量は皆様々でしたが、まずは一歩踏み出せた気がします。 弊社の一般的なデザイナーの役割 これまで弊社でデザイナーと呼ばれる人たちはSketchやPhotoshopでビジュアル部分を制作し、実装はすべてエンジニアさんにお任せしていました。これは、デザイナーが綺麗なUIを作るの
11月、福岡で開催された「UX Japan Forum」に、リクルートテクノロジーズのUX デザイナー坂田一倫氏が登壇。「サイレント・マイノリティ」と題して、サービス改善のためには、ユーザーの声に耳を傾けること以上に、「声なき声」を見つけ出すことが大事であるということを話しました。では、その声なき声を探すためには、どうすればいいのか。5つのステップについて解説されています。 鞄の中身にその人の人となりが出る 3つ目のステップ、いよいよインタビューに入っていきます。よく聞くことは基本的な姿勢ですが、オープンな質問、つまり「イエス」か「ノー」、「はい」か「いいえ」で答えられるものではなく、そのユーザーの意見を促すような質問が望ましいです。 イメージとしては60分インタビューするとすれば、最初は広く浅く質問していきます。そこからさっきのステップ2でやったみたいに「初期仮説分析」、サービスのどのス
ここ最近に限った事ではありませんが、やはり良く聞かれるのは『海外のデザイナー達はどんなデザインツールを使っているか』というお話、ツールはツールでしか無いので、もちろん自分の技術に対する根本のスキルを磨き、知見や情報を集める努力は必要だと思いますが、それでも便利なツールがあるなら知っておくに越した事は無い。 なんだかんだでPhotoshopかSketchかみたいな議論は飲み会で話題になったりするし、どっちが人気なのか、気になってる人は少ないわけじゃないとは思うんですよね。 今回ご紹介する『2015 Subtraction.com Design Tools Survey』では、196カ国、4000人を超える対象者からアンケートを取り、ブレインストーミングからワイヤーフレーム、インターフェースデザインにプロトタイピングなどなど、あらゆる面から使っているツールのアンケートを取ってくれているので、是
8月8日、クリーク・アンド・リバー社主催のイベント「と、コラボ特別編」で UX をテーマに座談会をしました（#tocolabo）。ポッドキャストで対談したネットイヤーグループ株式会社の坂本貴史さんと参加者といっしょに「UXってなに？」という初歩的でありながらも難しい課題について話し合いました。セミナーでもワークショップでもない、話をするだけのイベントでしたが、参加者の満足度が非常に高い有意義な時間になりました。 上図: webディレクターの阿呆な研究の @azumi0812 さんが、イベントで作ってくださったグラフィックレコーディング 共有できるかどうかが課題 以前、HTML 5 Experts のインタビューで「いま、UXを語るのはなぜ悩ましいのか？」を話したことがあります。仕事環境、クライアント関係、役割に応じて UX という言葉のニュアンスが微妙に違うことがあるので、言葉だけ聞いて決
UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 8/17 update : ファッションヘッドライン横山さんのスライドを追加しました！ どうも皆さん、UX飲んでますか？ Alphabet社の「M」枠を狙っているMILKMANです。 さて先日、8/5にUX MILK主催で、UX JAM#1というイベントを開催しました！ 会場は株式会社メンバーズのラウンジスペースをお借りしました。 CONNPASSにて、たくさんのご応募を頂き、当日もたくさんの方々にお越しいただきまして、ありがとうございました！ ※今回、キャンセル待ちや補欠繰り上げがわかりにくかったとの声を頂いてますので、次回以降もっと良い運用ができるようにします！ UX JAMとは
2017.08.31 世界・国内主要企業サイトの8割がスマートフォン対応に 前回に続き、世界及び国内の主要企業サイトを対象に調査しました。その結果、スマートフォン対応サイトは、世界、国内ともに前回から約1.2倍に増加しました。対応方法は、レスポンシブデザインが増加し、スマートフォン専用サイトはさらに減少しました。 世界と国内でスマートフォン対応率に差は無い 世界ではレスポンシブデザインが6割と、非常に高い 欧米ではスマートフォン対応率は9割を超え、レスポンシブデザインが大半を占める 中国を除く主要国でスマートフォン対応率は9割を超える
先日、エウレカさんとグッドパッチのデザイナーで第一回合同勉強会を開催しました。今回のテーマはワイヤーフレームです。この勉強会は、ワークショップを通してナレッジの共有をし合い、個々のデザイナースキルを上げる目的があります。エウレカさんのレポートはこちらです。合わせてご覧ください！ １.ワイヤーフレームを作る意味とは ワイヤーフレームを作る意味についてお話をしてくれたのは、エウレカ原さんです。案件を進めるときにまずすること、ワイヤーフレームはなぜ必要か、ワイヤーフレーム制作で意識するポイントについて解説していただきました。 ワイヤーフレームを書く前に 案件を進めるとき、まずすべきことはプロダクトの目的とゴールの再確認です。 最終的に作っているものの方向性を見失わないようにするために、 何が目的でそれを実装するのか？ なんで必要なのか？ それを作ることによって何を解決するのか? を考える必要があ
3月2日、京都府舞鶴市の舞鶴赤れんがパークの新しいロゴが発表された。そのロゴが、ちょっと変わっている。伸び縮みする、色（カラーコード）も正確には決まっていないロゴなのだ。 舞鶴赤れんがパークの新ロゴ 舞鶴赤れんがパークは、明治から大正時代にかけて旧海軍が築いた赤れんがの倉庫群が並ぶ場所。当時兵器庫などとして使われており、今では12棟のうち5棟が公開。国の重要文化財にも指定されている。 舞鶴赤れんがパークの新ロゴは、そんな赤れんが倉庫のシルエットをイメージした赤と、海（港）を思わせる青からできているが、色も形もはっきりとは決まっていない。例えば、ローカルな雰囲気を表したければなんとなく赤と青だけど枯れた感じの少し落ち着きのある色を使ってもいいし、現代的な雰囲気を表したければポップな蛍光色に近い赤と青を使ってもいいという。言ってしまえば、「だいたい赤」と「だいたい青」であればいいのだ。 また、
トップ > イングレス, Ingress > cheeroの世界初のイングレス公式モバイルバッテリーついに発売、実は開発に一部ご協力しましたのでご報告 いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2015.02.09 もはや少し懐かしく感じるDarsana東京のアフターパーティで発表された「cheero×ingress」のモバイルバッテリーの予約注文が始まりました。 仕様とはしては、12000mAhの大容量。6パターンの光るイルミネーション
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
あるデザイナーが書いた『UIデザイナー不要説』というブログをきっかけに開催された、UIデザインに関わるすべての人の為のコミュニティ UICrunch #2。テーマは、そのものズバリ「UIデザイナー不要説について考える」。第一線で活躍する登壇者たちが考えるUIデザイナーの未来とは――。 書いたのは一人のUIデザイナー。UICrunch #1を受け、執筆したものでした。このブログにレスポンスするカタチで、TORETA COO 吉田さんとBASE CTOの［えふしん］こと藤川さんも記事を執筆。UIデザイナーの役割、必要性、未来などさまざまな考えが展開されました。 一連の流れをきっかけに、UICrunch #2は急遽テーマを「UIデザイナー不要説について」に変更。発端となったブログを執筆した川上さん、TORETAの吉田さん、BASEの藤川さん、さらにnanapiのCTO 上谷さんが招かれ、それぞれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く