デザイン

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

ポートフォリオ

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

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

2021

マジカルミライ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-2024
Graphic
User Interface

Songle Sync ブランドデザイン

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

2017-2023
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-2024
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
22年
Illustrator
22年
その他のAdobe製品
Premier (デモ動画制作), InDesign (DTP)
HTML
24年
Pug (Jade)
10年
CSS
24年
Stylus and LESS
10年
Bootstrap (< 4)
13年
Semantic UI
9年
Grunt
10年
Gulp
7年
Vim
20年

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

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