角田創 Tsunoda Hajime @tndhjm Twitter profile

Pinned Tweet

角田創 Tsunoda Hajime

@tndhjm

8 months

映像_2023_11_20 拡散のアルゴリズムをベースにした点群造形。 #processing

1

39

475

Last Seen Profiles

@bracket_fi

@ohmystass

@yagoisback

@Globku

@nikgoodman

@nfr_podcast

@FCTwenteBenson

@Rochamonero

@HochmanGuy

@FrancoisBulloc1

@RoyalBiceps

@yizhuomae

@KrolikArtist

@PaarthShahYT

@Lapai89

@Anencephale

@ghostframes

@Opositatest

@goblokbarupiara

@oimariq

@demaret_gregory

@matesufodase

@ofabianjimenez

@SpaceCityCards

@Se1a4

@h3ctor_eth

@HadarGil

@tomschaar

@iam_damayor

@0xFatman_eth

@legiaoescamada

@galmazg1

@nanase_trmr

@siddig99sa

@TLambisgoia

@bokeplokalmalam

角田創 Tsunoda Hajime

@tndhjm

4 years

正解はこちら！ちなみに問題4はたった2pxの違いです。世界した方々めっちゃすごい！！！

156

922

10K

角田創 Tsunoda Hajime

@tndhjm

4 years

グラフィックにおいて、斜線の交差があるとき「ポゲンドルフ錯視」の補正が必要かもしれません。斜線の一部が遮蔽物に隠れているような状態では、「線がズレてみえる」という現象がおきます。これがポゲンドルフ錯視です。多くのフォントではXや&にこの錯視の補正がされています。

3

3K

9K

角田創 Tsunoda Hajime

@tndhjm

4 years

どんな文章でも読みやさを高める「文字をひらく」という概念があります。やたら漢字を使うのではなく、ひらがなも使おうという理論です。例えば・予め→あらかじめ・して頂く→していただく・では無い→ではないポスターやメール、ツイートで使える文章のデザインです。

3

944

3K

角田創 Tsunoda Hajime

@tndhjm

4 years

イラレの「ブレンド」機能が便利すぎて、複雑なグラデーションはメッシュやフリーグラデーションを使うよりもブレンドがいいよねっていうお話。

0

190

2K

角田創 Tsunoda Hajime

@tndhjm

4 years

"メモを見返す"体験に特化したアプリ「Detailess」のUIデザインをしました。クリエイターにとって必要なのは資料を壁中に貼り出すように、全体を見られること。現在のメモアプリでは階層化されており、それができません。そこですべて同じレイヤーに配置され、自由移動できるよう設計にしました。

4

119

2K

角田創 Tsunoda Hajime

@tndhjm

4 years

絶対に落ちたと思っていたので衝撃です。春からムサビにいきます。

15

8

1K

角田創 Tsunoda Hajime

@tndhjm

4 years

独断と偏見で「adobe加入してたら誰でも使える、Webやスライドのデザインがグッとよくなるフォント」を紹介します。 Adobe fontsでダウンロードできて、Webフォントとして使用するときのhtml/cssも提示してくれます。

1

126

1K

角田創 Tsunoda Hajime

@tndhjm

5 years

かつてインスタグラムがロゴを変更して大炎上が起こった。ニューヨーク・タイムスにまで取り上げられた。しかし今日、新しいロゴに疑問を抱く人はいない。それどころかロゴに使われた「グラデーション」は流行の原点になった。批判を受けながらも、信念を突き通すデザインはいつだって面白い。

2

125

1K

角田創 Tsunoda Hajime

@tndhjm

4 years

友達に教えてもらったのですが、8月からマテリアルデザインのXD用デザインキットが公式で配布されています。かなりの量のUIパーツが揃っており、ケーススタディも豊富で汎用性が恐ろしく高いです。このアセットから引っ張ってくればほとんど完結できるレベルです。是非。

1

98

937

角田創 Tsunoda Hajime

@tndhjm

4 years

デザインに関する知識モーメントの内容を結構増やしました〜！！！かなり単純な理論からニッチな内容まで色々取り添えてます〜！！ [TIPS]デザインのクオリティをあげるためのメモまとめ

[TIPS]デザインのクオリティをあげるためのメモまとめ

デザインのクオリティを上げるためのメソッドまとめです。単純なことからとてもニッチな話まで色々あります。

1

143

922

角田創 Tsunoda Hajime

@tndhjm

4 years

@vkiirlglienr 何においても使えると思います！！！ロゴの幅ズレ、レイアウトのグリッドラインのズレ、カーニングのズレなどなど...!! 例えばWebサイトの横幅が左右で違うことに気付けるとか、封筒の郵便番号記入のボックスのズレに気付けるとかが思いつきます！

1

58

811

角田創 Tsunoda Hajime

@tndhjm

1 year

生まれた時から実家にあるVIRCOの椅子、座りやすすぎてオフィスでも使ってたらついに正式にオフィスに採用されていた

1

23

675

角田創 Tsunoda Hajime

@tndhjm

2 years

動くポスターのデザインをした。 #creativecoding #p5js #generativeart

0

26

664

角田創 Tsunoda Hajime

@tndhjm

4 months

映像のデザイン for 原口沙輔 GOLD DISC 03.15

1

55

654

角田創 Tsunoda Hajime

@tndhjm

2 years

「本同士の距離を可視化し、偶発的な発見を促す」インスタレーションを制作しました。武蔵野美術大学CI学科の長谷川研究室にある約500冊を機械学習にかけ、本の類似度を距離で表現しています。興味のある本の近くに分布する本は何か、もしくは遠く離れた本は何かをメタ的に知ることができます。

2

73

646

角田創 Tsunoda Hajime

@tndhjm

4 years

現在インスタグラムで「36daysoftypo」という祭典が開催されています。 Aから9までのタイポグラフィが日替わりでテーマになり、世界中から特定のハッシュタグで投稿されます。つまり文字の「優れたリデザイン」が集約される場所です。投稿して拡散を狙うにも、タイポグラフィの勉強にも最適です。

1

94

623

角田創 Tsunoda Hajime

@tndhjm

3 years

子供の遊び方についてリサーチしていたら、この論文、核心突くまくってて震える。

5

50

604

角田創 Tsunoda Hajime

@tndhjm

1 year

最近めちゃこれに助けられてる、先人ありがたい

角田創 Tsunoda Hajime

@tndhjm

4 years

イラレの「ブレンド」機能が便利すぎて、複雑なグラデーションはメッシュやフリーグラデーションを使うよりもブレンドがいいよねっていうお話。

0

190

2K

0

20

545

角田創 Tsunoda Hajime

@tndhjm

4 years

美術館のARにたどり着くまでの手順です。

0

186

527

角田創 Tsunoda Hajime

@tndhjm

3 years

うごくポスターデザインを作った。 #creativecoding #generativeart #p5js

3

22

507

角田創 Tsunoda Hajime

@tndhjm

4 years

イラレだけで表現するグラデーションの世界。

2

14

472

角田創 Tsunoda Hajime

@tndhjm

4 years

ねんどがクリエイティブの補助アイテムとしてとても優秀なことが分かりました。「ねじれたSってどう描くんだ...?」と困っていたのですが、試しにねんどで作ってみたところ全て解決しました。いろんな角度から見れるので最高です。デザイン会社とかは備品として置いてあったらとても良さそう...

2

40

454

角田創 Tsunoda Hajime

@tndhjm

4 years

iPhone SEの特筆すべき点は、凄いところが特にないことです。サイズは小さくて軽い。しかもバカみたいに高くないから、スマホに変に気を使うこともない。まるで無印良品のようなプロダクトだと思います。 SEの誕生でiPhoneはやっと「これでいい」と「これがいい」を選べるようになったと思います。

1

79

393

角田創 Tsunoda Hajime

@tndhjm

4 years

僕はずっと価値観のことを積み重なって出来ていく塊だと思っていたのですが、「容器の形」だよなぁと今になって気付きました。容器なので、大抵のものを入れられるのだけど、入らないものもある。容器の形にピッタリなモノを見つけると、それがアイデンティティですよねという。

0

51

365

角田創 Tsunoda Hajime

@tndhjm

3 years

「箇条書きがしやすいノート」を思いついて作ってみた。ページ左端か5行をグラデーションすることで、箇条書き開始位置の破綻を防止する。

0

17

357

角田創 Tsunoda Hajime

@tndhjm

4 years

もちろん一枚絵だけを置くこともできる。クリムトでもゴッホでも誰でもあなたの部屋における。しかもそれを写真にできるし、本当の美術館のように誰かに邪魔されることもない。

2

107

349

角田創 Tsunoda Hajime

@tndhjm

4 years

これは今のGoogleロゴをデザインしているシーン。よくみると「g」が小文字になっていたり、円だけで構成された恐ろしく抽象的なロゴもあります。今のロゴをデザインするにあたって、ニューヨークにデザイナーが集まり、わずか一週間という期間でデザインスプリントを実行したそう。

0

23

347

角田創 Tsunoda Hajime

@tndhjm

8 months

こんにちは角田です。ポートフォリオサイト作りました。今年作ったものから載せてます。グラフィック、オーディオヴィジュアル、ソフトウェアの領域でのインタラクティブな作品が主です。

1

21

346

角田創 Tsunoda Hajime

@tndhjm

4 years

新年度で資料を作る機会が増えたという方向けに「伝わる資料を作る4法則」を紹介します。コントラスト、整列、近接、反復で構成されます。例えばプレゼンで余白をイラストで埋めるのを見かけますが、余白も意味を持ちます。法則に沿えばシンプルでも十分効果的ですし、素材探しの時間もかかりません

1

38

343

角田創 Tsunoda Hajime

@tndhjm

4 years

話題の3Dデザインツール「spline」が遂にリリースされたようです。早速入れて使ってみよう

2

24

341

角田創 Tsunoda Hajime

@tndhjm

1 year

音と映像のスケッチ_2023_07_15 #processing #creativecording

0

29

336

角田創 Tsunoda Hajime

@tndhjm

4 years

まだまだトイレットペーパー不足の会社、飲食店、公共施設って多いのかなと思い、「短めに使ってください...」という節約のお願いポスターを作りました。文章だけの注意書きよりも、ポップなグラフィックがあれば少しでも気分が楽になるかなと思いました。よければ張り紙としてお使いください。

1

49

326

角田創 Tsunoda Hajime

@tndhjm

4 years

錯覚クイズです。どっちが正方形でしょうか。どっちが真円でしょうか。

6

76

324

角田創 Tsunoda Hajime

@tndhjm

4 years

Pentagramが手がけた英国銀行Virgin Moneyのフォントめちゃかわだ... 可読性を損なわずに、かつブランドアイデンティティを表現し、しかも広いパターンに展開できる拡張性すごい。 Via: Pentagram

1

18

328

角田創 Tsunoda Hajime

@tndhjm

6 months

とくにお気に入り映像。音量に応じて群衆量が変わるのと、グリッドシステムに応じてウィンドウがランダム配置 MVのような書き出的的感触がライブパフォーマンスで出来ないものかと思い制作したがうまく行った気がする。懲りずにProcessingで作った。 #processing

0

18

321

角田創 Tsunoda Hajime

@tndhjm

1 year

0

11

312

角田創 Tsunoda Hajime

@tndhjm

3 years

そんなことより無印良品のBGM、ジャケットのレイアウトが気になってしょうがない。左右が等幅じゃないの、めちゃくちゃかっこいいのは間違いないけど、どういうロジックなんだ... 僕はこの配置にする勇気ない。

3

23

303

角田創 Tsunoda Hajime

@tndhjm

3 years

新居引越しに伴い、一目惚れした空気清浄機を導入した。ディーターラムスのようなテイストもあり、本当に最高でしかない。

1

4

298

角田創 Tsunoda Hajime

@tndhjm

4 years

海外ではブランドロゴに、ウェイトが重くクセのあるセリフ体を採用するのが流行っているようです。特にワイン、フィットネスなど高級感や安心安全さをアピールするブランドで好まれています。日本ではまだあまり見られないのでおすすめです。 Adobe Fontsでダウンロードできるセリフ体を集めました。

1

30

293

角田創 Tsunoda Hajime

@tndhjm

3 years

世界ポスタートリエンナーレトヤマのU30+Studentの部門で、こちらのポスターが入選しました。

7

9

257

角田創 Tsunoda Hajime

@tndhjm

4 years

なんだこれ.....最高にライフハックだ...!!!絶対買う...

0

32

259

角田創 Tsunoda Hajime

@tndhjm

4 years

横にする方が難易度上がるかも...? 一気に分からなくなる...

2

9

249

角田創 Tsunoda Hajime

@tndhjm

4 years

「Arts & Culture 」

2

122

250

角田創 Tsunoda Hajime

@tndhjm

4 years

デザイナーさん達が経験された失敗談と、「こうすべきだった！」という解決案を載せた「デザイナーの失敗と解決大辞典」的なサイトすっごいほしくないですか。自分のミスはもちろん、クライアントさんとのコミュニケーション不足や、法律的にやばかった話など、先見の明になる知識を集めたい...!!!

1

8

246

角田創 Tsunoda Hajime

@tndhjm

4 years

「〇〇デザイナーと行く海外旅行！」っていう雑誌かなり読みたくないですか？書体デザイナーとオランダ行ったら空港看板のFrutigerに盛り上がりすぎて、空港出ず終了とか。パッケージデザイナーとフランス、照明デザイナーとアイスランドとか凄く読みたい。月刊12ヶ月限定とかで。クラファンか...?

3

13

246

角田創 Tsunoda Hajime

@tndhjm

6 months

1/13に行われたinternethood2にて、原口沙輔氏( @sasuke_maschine )にお誘い頂きLive A/V用の映像のデザイン/実装しました。カオスと秩序をテーマに、Audio Reacitveなグラフィック類がグリッドに基づいてランダムに配置されます。それにしてもアルバムを基盤とした沙輔氏の音楽ほんと最高でした…

2

39

243

角田創 Tsunoda Hajime

@tndhjm

4 years

これまでに調べたデザインメモをまとめました。 ⚡️ "[TIPS]デザインのクオリティをあげるためのメモまとめ"

0

22

239

角田創 Tsunoda Hajime

@tndhjm

4 years

セリフ体のセリフ(装飾)部分には種類ごとに名前があることを知った.... 自分の求めてるセリフがどれなのかを言語化して調べられる。今まで漠然と「セリフ体」で探してたけど、これでフォント探しの効率が上がる。

1

20

232

角田創 Tsunoda Hajime

@tndhjm

1 year

Graphic Study: その時々の意味方向を定義する矢印を解体し、同質化する。

1

12

227

角田創 Tsunoda Hajime

@tndhjm

4 years

状況に応じて適切なフォントを判断する一つの手段に「オプティカルサイズ」があります。オプティカルサイズの代表例はセリフ体です。セリフの細いフォントは、本文サイズで使うには向きません。逆にセリフの太いフォントを大きく表示すると、重く間延びした印象になります

2

23

224

角田創 Tsunoda Hajime

@tndhjm

9 months

というわけでPOP-AIDでは、声の大きさによってライブセトリを変更できるシステムのデザイン、実装しました。楽しんでもらえたかな

電子音楽研究会

@ems_denonken

9 months

#pop_aid Voice Interactive Switcher System by @tndhjm

0

63

395

0

35

225

角田創 Tsunoda Hajime

@tndhjm

4 years

マル秘展を見ていると、プロセスのかなりの割合を「紙」が占めていた。それを真似て、ラフから完成形に近いスケッチまで、なるべく手描きをしようしても、どこかでイメージが追いつかなくなる。イラレで着色や清書を試しさないと分からなくなってしまう。これめちゃくちゃマズいことじゃないの...

0

35

219

角田創 Tsunoda Hajime

@tndhjm

4 years

以前、トヨタの実験都市とのコラボで話題になった設計会社BIGの手掛けた「kistefos」の造形美に驚愕します。一見すると川を渡る橋に見えますが、実はこれは美術館です。「建物をねじる」という特異な造形が、森の中にひっそりと佇んでいるというのが、あまりにも素敵です。

1

59

202

角田創 Tsunoda Hajime

@tndhjm

5 years

トヨタが発表された「実験都市」、デザインがビャルケインゲルスっぽいなと思ったのですが、本当にそうでした。この方めちゃくちゃ凄いです。レゴの本社やワールドトレードセンターを手掛けてます。あとゴミ処理場にスキー場を併設したりしてます。この方の作品という事で俄然興味湧いてきた...

1

64

197

角田創 Tsunoda Hajime

@tndhjm

2 years

製作中のインスタレーションを操作するためのコントローラ。 #arduino controller for #threejs

2

17

206

角田創 Tsunoda Hajime

@tndhjm

4 years

ついにClubhouse招待していただいて、全然関係ないけど、Widthの違うコンポーネントのスクロール幅を可変にして、左揃いから右揃いするUIいいな。

1

18

204

角田創 Tsunoda Hajime

@tndhjm

4 years

早速Dunbarファミリーをアクティベートしてみたけど、このフォント最高では... Dubar TextはFuturaのように高級感ある場合や、1930年代オマージュのグラフィックに最適ですし、ウェイトによっては王道サンセリフとしても作用しそうです。Lowはアセンダの高さがとてもモダンです。めちゃくちゃ好き。

0

13

201

角田創 Tsunoda Hajime

@tndhjm

4 years

以前もツイートしましたが、#想像力で世界を救えが発足されたためもう一度掲載します。トイレットペーパー不足の施設ってまだまだ多いのかなと思い、「短めに使ってください...」というお願いポスターを作りました。よければ張り紙としてお使いください。 #COVID19 #想像力で世界を救え

1

31

195

角田創 Tsunoda Hajime

@tndhjm

4 years

実現には至らなかったんですけど、5月くらいに考えていた「20歳までに出会いたかった本展」のデザイン。「誰かが20歳までに読みたかった本」という、元々本にはない新しい文脈を追加する意図があります。20歳未満の方にとって後押しになればいいなと。

2

10

185

角田創 Tsunoda Hajime

@tndhjm

4 years

実例のレイアウト。

0

51

182

角田創 Tsunoda Hajime

@tndhjm

4 years

これApple Booksで無料ダウンロードできる小説シリーズなんですけど、表紙デザイン衝撃的にかっこいい。誰のデザインだろう...

0

4

183

角田創 Tsunoda Hajime

@tndhjm

4 months

お誘いいただきまして今年のFeatured Projects 2024 ( @fp_designing )の展示セクションに出展します。展示品はCode Artとグラフィックデザインの淡いをとった作品になりそうです。

0

9

183

角田創 Tsunoda Hajime

@tndhjm

2 months

映像のデザイン for LanPage ( @lanpage_sgy ) 結成から最初のリリースとなるシングル、「 ack! 」のMV、ジャケットのデザインをしました。諸音要素の視覚表現に焦点を当てたプリミティブな図形構成をテーマにしています。

1

24

193

角田創 Tsunoda Hajime

@tndhjm

4 years

これ幼稚園。すごい。かっこよすぎる。 18世紀の建造物群を囲うような設計。北京のプロジェクト。歴史的建造物と、モダンな曲線美がこんなに合うとは思ってもみなかった。

2

17

178

角田創 Tsunoda Hajime

@tndhjm

3 years

これはスライド制作の進捗度を示したグラフ

1

8

178

角田創 Tsunoda Hajime

@tndhjm

4 years

F*ckやSh*it、B*tchなどの卑語(Swear Words)の歴史に迫るNetflixドキュメンタリーめちゃくちゃおもしろい。ニコラス・ケイジがナレーターってだけでもう最高なのに、冒頭いきない「無人島に１つだけ卑語を持っていけるなら間違いなくfuckね。」とか言い出すので笑い死ぬ。

2

61

175

角田創 Tsunoda Hajime

@tndhjm

4 years

タイポグラフィにおいて「オーバーシュート」があると読みやすくなります。同じ高さの四角形、三角形、円を並べたとき、錯覚で三角形と円が小さく見えます。これを補正するために、わざとはみ出るようにすることをオーバーシュートといいます。文字間の長さや大きさによって補正率が変わります。

0

21

166

角田創 Tsunoda Hajime

@tndhjm

3 years

外積計算から、カーソルを光源として短形の影を描画するプログラム、完成。久しぶりに痺れるコーディングだった。 #creativecoding #p5js

2

11

170

角田創 Tsunoda Hajime

@tndhjm

4 years

たった2pxの違いなのですが、やはり分かる方は多かったです。デザイナーを名乗る者として1pxのズレも許すてはいけないと、肝に銘じました！！

1

40

167

角田創 Tsunoda Hajime

@tndhjm

8 months

サイト、プレオープン(トップと連絡先のみ)

1

10

165

角田創 Tsunoda Hajime

@tndhjm

4 years

文字の大��さを感覚的に掴む方法として、「〇〇ptが何個分か」と考えると相対的なイメージができる。印刷してみると思ったより大きかった、というような感覚のズレが少なくなる。

0

14

164

角田創 Tsunoda Hajime

@tndhjm

3 years

2ヶ月くらい前に作った「影に棲まう生き物」のプロトタイプです。雀に近づきすぎると逃げてしまうように、この生き物達は目線を合わせると隠れるという特性があります。

4

6

160

角田創 Tsunoda Hajime

@tndhjm

2 months

明日より一般開催されるFeatured Projects 2024にて、インタラクティブなポスターグラフィックを展示します。 11からなるパラメータを動かすことで造形がどんどん変わります。気に入ったグラフィックになったら印刷してお届けも可能。 Display: Ryo Takeyama Photo: Leo Arimoto ( @leo_arimoto )

1

13

162

角田創 Tsunoda Hajime

@tndhjm

2 years

今日13時から武蔵野美術大学市ヶ谷キャンパス卒展の入場予約始まります。市ヶ谷は今年が初です。私は「まだ言葉を知らない潜在的に興味ある情報にどう辿り着くか」という検索の問題を取り扱って、デザインの実践的な側面からインスターレションにしました。ぜひ

2

20

158

角田創 Tsunoda Hajime

@tndhjm

4 years

僕の周り「なんでそんなこと出来る！？」っていう人ばかりなのですが、その能力の高さを分析すると、インプットとアウトプットの量が凄いという単純明快な結果に落ち着きます。段階的にインプットとアウトプットを増やしつつ、洗練されたやり方に修正するが良さそうです。そしてインプットを大切に。

0

14

157

角田創 Tsunoda Hajime

@tndhjm

3 months

電子音楽研究会のイベントR/EVOLVEにて、メインビジュアルを直感的に操作し、パターン探索ができるシステムを実装しました。工藤氏の、あらゆるパスの変化でもパターンが成立するというルール構築としてのデザインによって、当人すらも未知のパターンを探れるようになった非常に面白い試みでした。

1

13

160

角田創 Tsunoda Hajime

@tndhjm

4 years

全世界の空港から空港へ飛行機を飛ばせるゲーム「Microsoft Flight Simulator」で開発者がさらっとすごいことを言っている

0

88

153

角田創 Tsunoda Hajime

@tndhjm

1 year

武蔵美卒業しました。 @HibikiUno と一緒に授与パフォーマンスで、音楽鳴らして、みんなのスマホを音に合わせてチカチカさせました。スマホ掲げてくれた全員ありがとう！！！！ Photo by Ririka Kawano @nora_kura__

7

6

150

角田創 Tsunoda Hajime

@tndhjm

4 years

Goodpatchさんの決算資料のこのページがデザインパラダイムの真理すぎてたびたび見返す。

1

7

147

角田創 Tsunoda Hajime

@tndhjm

4 years

この記事、死ぬほど勉強になる。iPhone12によってUI調節がどれだけ複雑化したかというお話・これまで414px×869pxを汎用サイズの基準にできたが、iPhone12の誕生によって微妙なサイズもカバー必須に・単に大きくしたり小さくするだけではレイアウト上、問題が発生しやすい

0

24

148

角田創 Tsunoda Hajime

@tndhjm

4 years

21_21のギャラリーサイト。過去の展示会ポスターが一覧で見れるんだけど、レベルが非常に高いので資料として閲��するのにも優れている。

1

8

145

角田創 Tsunoda Hajime

@tndhjm

3 years

ムサビで展示やってる片山利弘展、トポロジーの審美眼獲得する過程アツかった。何よりムサビ生、図録1000円で買えるの意味わからんな。

1

8

145

角田創 Tsunoda Hajime

@tndhjm

1 year

DIY: 寸切りねじとボルトのみで構成したシェルフと斜めカットの端材でカフェテーブル

1

4

146

角田創 Tsunoda Hajime

@tndhjm

27 days

東京、台北、ソウル、北京を巡るGenerative Artの展示「dialog()」のWebデザインをしています。 I designed the website for the Generative Art exhibition “dialog()”, which will be showcased in Tokyo, Taipei, Seoul, and Beijing.