デザイン

研究者ですが、仕事柄、人がすぐに触れられる具体的なもののデザインにも興味があります。このページでは、これまでにデザインしたものを紹介しています。

ポートフォリオ

ユーザインタフェース設計

ユーザインタフェース設計に関して、基礎理論からデザインの評価手法、デザインで気をつけるべきポイント、最近のホットトピックまで幅広く紹介します。

2021-2022

マジカルミライ2018 ライブ映像制作

マジカルミライ2018」で、マジカルミライ2018楽曲コンテストグランプリ作品であり、ライブで演奏された「METEOR」の映像制作を行いました。TextAliveで制作した歌詞アニメーションが大画面で流れました。

2018
Graphic

SNOW MIKU LIVE! 2018 ライブ映像制作

SNOW MIKU LIVE! 2018」で、SNOW MIKU 2018テーマソングであり、ライブ最後のアンコール曲を飾った「四角い地球を丸くする」の映像制作を行いました。TextAliveで制作した歌詞アニメーションが、紗幕上方に大画面で流れました。

2018
Graphic

"junkato.jp" Webサイト

このポートフォリオWebサイトはさまざまなOSSを用いて開発されており、それ自体がGitHub上にオープンソースで公開されています。

2018-2022
Graphic
User Interface

Songle Sync ブランドデザイン

Songleの既存のロゴをベースに、世界観を崩さないよう、派生プロジェクトであるSongle APIとSongle Syncのブランドキットをデザインしました。Songle SyncチュートリアルGitHubリポジトリの開設時にブランドキットを利用しました。チュートリアルサイトはSemantic UI CSS/JavaScriptフレームワークを利用して構築しました。

2017-2022
Graphic
User Interface

Tenju Works Webデザイン

ポートフォリオWebサイトのWordPressを利用した改装に貢献しました。

2017
Graphic

OngaCREST関連サービスの印刷物デザイン

OngaCRESTで研究開発された4つのWebサービス: Songle, Songrium, TextAlive, Songmashの宣伝用フライヤーとポスターをデザインしました。宣伝用フライヤーは国際コンベンションNo Maps 2016などで配布されました。ポスターはPDFで閲覧できます。

2016
Graphic

f3.js ブランドデザイン

研究プロジェクトf3.jsのロゴや配色を含むブランドキットをデザインしました。また、WebサイトをNode.jsとMySQLなどを用いて開発した他、ドキュメントサイトはWordPressで構築しました。WebデザインにはSemantic UI CSS/JavaScriptフレームワークを利用しました。

2015-2018
Graphic
User Interface

TextAlive ブランドデザイン

研究プロジェクトTextAliveのロゴや配色を含むブランドキットをデザインしました。また、WebサイトをNode.jsとMySQLなどを用いて開発した他、ドキュメントサイトはWordPressで構築しました。WebデザインにはBootstrap CSSフレームワークを利用しました。

2014-2022
Graphic
User Interface

CD ジャケットデザイン

CD ジャケットのグラフィックデザインを担当しました。左から順に "Project CRENO Conception", "SUMMER.EXE", "gamma" の表面および裏面デザインです.

2007-2008
Graphic

Chippie

主にニュース配信を目的とするWebサイトのコンテンツ管理を容易にするPHPフレームワークです。3つのWebサイト: digitalmuseum, SCI (サイエンスの最先端を), UT-Life をデザイン、開発する際に利用しました。

2006-2008
User Interface

スキルセット

以下のリストは職域に必要となる要素技術にフォーカスしたリストです。プロトタイピング手法やユーザ調査手法といったスキルについては掲載していません。

グラフィックデザイン

Photoshop
20年
Illustrator
20年
その他のAdobe製品
Premier (デモ動画制作), InDesign (DTP)
HTML
22年
Pug (Jade)
8年
CSS
22年
Stylus and LESS
8年
Bootstrap (< 4)
11年
Semantic UI
7年
Grunt
8年
Gulp
5年
Vim
17年

インタラクションデザイン

JavaScript
22年
TypeScript
since it was called "Strada"
jQuery
11年
D3.js
5年
Webpack
5年
Babel
5年
Node.js
8年
PHP (< 7)
17年
WordPress
17年
C#
for desktop apps and ASP.NET apps
Java (< 8)
14年, for robot and desktop apps and browser applets
Processing
14年, mostly for robot apps using Phybots and Picode
Visual Studio, Visual Studio Code
14年 and since it was born, respectively
MySQL
17年
Eclipse
14年
GitHub