ナリヅカ | Cloudbase Design Manager
@Narizuka_Design
Followers
13,637
Following
7,446
Media
920
Statuses
2,817
クラウドセキュリティSaaS @Cloudbase_inc のデザイン責任者 / ColosoでUI/UXデザイン講座販売中 / ご依頼・ご相談はDMからお願いします / ex-DeNA / コミュニケーションデザイナー積極採用中です:)
Joined June 2016
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
ارسنال
• 433691 Tweets
ليفربول
• 426300 Tweets
بورنموث
• 423616 Tweets
Arsenal
• 269787 Tweets
Peanut
• 171886 Tweets
Oscar
• 146652 Tweets
Liverpool
• 84401 Tweets
Newcastle
• 82172 Tweets
#SixTONESANN
• 69857 Tweets
Arteta
• 64217 Tweets
#Worlds2024
• 56285 Tweets
McLaren
• 53137 Tweets
Walker
• 52858 Tweets
Lando
• 49431 Tweets
嵐25周年
• 48579 Tweets
Norris
• 45261 Tweets
Brighton
• 41489 Tweets
デビュー3周年
• 38173 Tweets
#Happy_3rdAnniv_INI
• 36767 Tweets
JUNGKOOK IS GOLDEN
• 35072 Tweets
Piastri
• 34755 Tweets
Bournemouth
• 34138 Tweets
#BEFIRST_3rdAnniv
• 34061 Tweets
Marcelo
• 31788 Tweets
Ohio State
• 28987 Tweets
Trossard
• 28401 Tweets
Faker
• 27518 Tweets
Man City
• 26669 Tweets
Howard
• 22889 Tweets
Penn State
• 22810 Tweets
Martinelli
• 22005 Tweets
Merino
• 16741 Tweets
#LIVBHA
• 15163 Tweets
Trent
• 12100 Tweets
Odegaard
• 11627 Tweets
صلاح
• 11132 Tweets
Pinned Tweet
本気でUIデザイナーを目指しているなら、このColosoの講座見るのがオススメです。21講座、 合計10時間ぐらいあります。
0
50
635
有料デザイン学習サイトのが事業譲渡により、全てのレッスンを無料公開してるので、今のうちにチェックしておいた方がいいかも
11
22K
67K
「僕がひたすら文字組をするだけの動画」です
文字組覚えると楽しいのでこの動画見ながらやってみてね～
15
3K
13K
メモ
「外側の角丸 = 内側の角丸 + パディング」にすると視覚的に綺麗
3
352
4K
UI、アイコン、カラーパレット、モックアップ等のデザインサイトを全てまとめているサイトを見つけてしまった...
もう必死こいてデザインサイトをピンしておく必要無くなった。これは本当に助かる。
Design notesっていうサイトです。
1
436
3K
グラフの色を作る時に、ベースカラーから手作業で明度と彩度を調整して色を作ってたんだけど、このサイトを見つけてからその手間が減った。
カラーコードも一発でコピーできる。
0
329
3K
UIデザインを勉強中の学生さんは、必ずこの内容は守ってデザインしようね
1. タップエリアは44x44ポイント以上
2. 文字の大きさは11ポイント以上
3. 読みやすい文字間, 行間に設定
4. コントロール要素はコンテンツの近くに配置
1
246
3K
今日の面接で学生さんにUI/UXデザインを何で学ばれたかを聞いたら、BONOっていう月額制のデザインコミュニティを教えてもらった
最近の学生さんは、こういうサービスで短期間で効率よく勉強してる人が増えてる印象。
0
252
3K
画像管理アプリを「eagle」にしてから画像集め、管理、整理に割く時間が大幅に減った。
もうpinterestは卒業。
1
244
2K
vivivit展で僕が一番好きだった作品。
製作者の方に写真撮っていいですか？って聞いたらむしろ沢山撮って欲しいとのことだったので、いっぱい撮りました。
1
252
2K
SmartHRのOGP、どのサイズでもデザインが成立していて凄い。
OGPの確認はこのツールを使っています。
0
170
2K
【 かぎ括弧の文字組の考え方 】
役物の文字詰めは人によって処理の仕方が異なったりするので正解を見つけるの難しいですよね。
デザイン事務所で仕事してた時はこのやり方でやっていました。
これ、答えはたぶんAかBなんですが、実は僕も正確な答えが分かりません… 朝から悩んで、調べてみても、正解に辿り着けなかったので、皆さんに聞きました。詳しい方、教えてください🥺
6
13
111
2
172
1K
後輩デザイナーが作ってくれた削除ダイアログを添削しました。
・区切り線を入れてエリアを分ける
・シャドウは控えめに
・削除ボタンには赤色を使う
・トグルスイッチは「状態変化の有効化」で使用するため、この場合はチェックボックスが適切
・ボタンは押しやすい大きさに
6
124
1K
メンバーページに新規追加みたいな見た目の導線を置いて、採用ページに遷移させるの面白いな
直感的で自然な導線を作れていて素敵
1
80
1K
僕がひたすら文字組するだけの動画です。
よく古着屋で見かける広告を作りました。
広告の文字組めっちゃ面白いから、みんなもやってみてね！
3
175
1K
「UnDraw」っていうデザイナー向けのイラスト屋みたいなサービスを教えてもらった
・プレゼン資料で使いやすい高品質なイラストがたくさんある
・全て無料で使えて、商用利用OK
・SVGでダウンロードできて編集可能
・色もサイトで変えられる
・XDのアドオンで読み込みも簡単
0
200
1K
DeNAのサマーインターンのキービジュアルとノベルティ可愛い〜！
テクスチャをアナログでアクリル絵の具で作っているのも面白い！
2
50
1K
イラレからAeにもっていくより、Adobe XDからAeにもっていって映像を作ったほうが断然楽なのでやってみて！
XDの「Aeに書出し」で一発でAeに持っていける上にテキストや図形のスタイルそのままで持っていけるという神仕様
あと、XDの機能のリピートグリッド映像制作でもめちゃくちゃ役立つ
2
184
1K
僕がYoutubeのサムネを作る時に参考にしているギャラリーサイト
高品質なサムネをカテゴリーごとに探せるのでオススメです。
1
93
975
UI/UXデザインを0から独学で学ぶなら、最初にこの2冊を読むのがオススメです。
簡単な言葉と図式で、分かりやすくUIとUXの基本的な考え方が学べます。
--
■ UIデザインの教科書
■ UXデザインをはじめる本
0
76
836
Figmaのプラグインどれを入れたらいいの？と良く聞かれるので、僕が入れてる30個のプラグインをまとめました。
星マーグが付いているのは必須プラグインです。
0
56
830
一緒に働いている優秀なデザイナーさんから、めちゃくちゃ参考になるUI Kit教えてもらった
無料でFigmaファイルを覗けるので、コンポーネントのサイズやスタイル、レイヤー名や構造など学べます。
スレッドにHPとFigmaのリンクを貼っておきました。
2
47
819
優秀な人ほど使ってるノーコードツール「Framer」
多くの人がWebflow, STUDIOから乗り換えている理由
1. Figmaから一瞬でインポートが可能
2. Reactを書けば、より複雑なインタラクションを再現可能
3. 高クオリティなテンプレートが豊富
4. UIがFigmaと似ていて学習コストが低い
5. 無料プランがある
5
73
818
「Web UI探すなら、BehanceやDribbbleよりも""がオススメですよ」って、弊社の優秀なデザイナーさんから教えてもらった
0
66
812
デジタル庁が公開しているデザインシステム、しっかり作り込まれていてめちゃくちゃ参考になるな
Figmaのコミュニティで公開されていて、誰でも複製可能なので一度見てほしい
1
121
739
デザイン初学者によくあるこれ
ツールが悪いわけではなく、「グリッドにスナップ」が有効になってるだけなので、オフにしたら解決します:)
1
76
729
イケてるサービスのUIを探すならだけじゃなく、もオススメです
モバイルからWebまでなんでもあります
0
55
663
グラデーションで背景ブラーかけるの自然で良いな
コンテンツを邪魔せずに視認性を保ったフッターナビが置ける
1
38
647
Figmaが「FigJam」っていうオンラインホワイトボードサービスのβ版をリリースしたみたいだから早速使ってみたけど予想以上にすごかった。
MiroやJamboardとは比べ物にならないくらい使いやすいし機能が豊富。
年内は無料提供らしいからみんなFigJam使ってこ
0
121
597
デザイナーがモニターを選ぶなら「画素密度」と「色域の広さ」で選ぼうね
僕がモニターを新しく買うなら予算に応じてこの４つから選びます
1. Pro Display XDR | 約70万円
2. Apple Studio display | 約20万円
3. LG UltraFine 5K Display | 約15万円
4. HUAWEI MateView | 約8万円
1
44
468
「となりのヘルベチカ」っていうフォントの擬人化漫画がめちゃくちゃ分かりやすいので、デザイナーのみんなにオススメしたい
ちなみに僕はGill sansとDINが好きです。
0
92
456
最近よく見るカリグラフィーっぽいセリフ体、ヒューマニスト・セリフっていうのか
0
46
454
カラーコードを入力するとベースのカラーから明暗差を段階的につけてカラーパレットを作ってくれるサイト教えてもらった
0
48
413
【 配色ツール & 配色解説サイト厳選してみた 】
下に一言コメント書いたから読んでみてね。
1
59
409
このプラグインを見つけてから、Photoshopで人を切り抜く作業をやらなくなった。
「remove BG」っていうプラグインです。
0
26
400
大阪・関西万博の最終候補に残ったロゴのグレースケール・モノクロ展開案がしっかりと考えられていて、とても参考になる。
一般的にロゴに不透明度100%以外の色は原則使わないが、一部、不透明度50%の色を採用している。
0
47
367
ロゴデザインを得意としている先輩がオススメしていて、直ぐにポチった本。
ロゴデザインの”アドバイス”が、難しい用語は一切無しで分かりやすく載ってる。
ロゴデザインでつまづいてる人はこれ買えば大体解決しそう
トロピカーナのリブランディングが失敗した理由も具体的に書かれていて分かりやすい
1
32
364
僕がUI作る時に参考にしているデザインシステム4選
（全てFigmaのコミュニティで無料公開されています）
----------------
1. Material2 Design Kit
2. Shopify （Polaris Components）
3. SmartHR UI
4. デジタル庁デザインシステム
----------------
2
31
346
めちゃくちゃ使えるイラスト素材サイトを見つけてしまった。
Drawkitっていうサイトです。
1
22
333
SDGsのロゴガイドラインの「ロゴの最小保護エリア」の指定の仕方が微妙という内容の投稿を見つけたので、僕なりに改善案を考えてみました。
僕だったらSの文字を基準にアイソレーションを設けます。
ロゴの最小保護エリアは絶対値ではなく、ロゴの一部分の大きさで指定するのが一般的です。
1
46
336
LOFREEのキーボードとマウスめちゃくちゃ良いな
レトロな感じとオレンジの差し色が好き
0
23
315
UIデザイナーになりたい方や、勉強中の方いますか...?
明日の14:30にViViViTさんが主催するデザインイベント で講座をするので良ければ来て欲しいです...!🙏
学生さんから提供いただいたUIデザインを添削したり、Notionでまとめてるナレッジなどをお話しする予定です！
1
29
302
AIに詳しい友達が「Stockimg AI」っていう画像生成サービスがデザイン制作に役立つかもって教えてくれた。
イラストやロゴなどの制作物のカテゴリーを選択して、文章を入力すれば、誰でも簡単に画像生成できる
1
23
290
Figmaの「Nested instances」めちゃくちゃ便利。
入れ子にしたコンポーネントもプロパティから変更できるようになるので、Variantのコンポーネントの数をかなり減らすことができる
1
34
276
理想のデザイン組織の立ち上げ方について、まとめてみました。
記事の詳細はリプ欄から
1
16
281
Adobeのデザインシステムのデザイントークンの定義の仕方が参考になると、一緒に働いてるデザイナーさんに教えてもらった
1
21
273
AdobeがFigmaを2.9兆円で買収したって。
Figmaでイラレやフォトショの連携が強化されたり、Adobe Fontが使えるようになったらめちゃくちゃ嬉しい。
だけど、頼むからアイコンだけは変えないでくれ。右みたいにならないで欲しい
2
30
272
SmartHR、コミュニケーションデザイン専門のチームがあるのやっぱり強いな
記事のコンテンツ、発信の仕方、デザインチームの組織体制、ガイドライン策定、制作物などめちゃくちゃ参考になる
---
「Smart HR コミュニケーションデザイングループ」
0
25
269
めちゃくちゃ高品質なFigmaのUI Kitを販売してるサイトを見つけた。
有名どころのデザインシステムはほぼカバーしてる。
SET PRODUCTっていうサイトです。
1
23
262
Figmaを無料で学ぶなら下の二つのサイトを読むのがオススメです。
▼Figma Learn Figmaデザイン基礎知識 （初心者向け）
▼Figma によるデザインシステム入門 （中級者向け）
0
25
256
Material UIのライブラリを使って、デザインや実装に時間をかけずにリリースして、爆速で価値検証しにいくケースを最近よく見る
Figmaコミュニティで公開されているファイル、コンポーネントやスタイルが充実しているのでオススメ
0
17
253
UIデザイナーを志す就活生よ、ポートフォリオ作りは「issuu」と「notefolio」を参考にするんじゃ。。幸運を祈ってる🤞
0
39
242
漠然とデザインについて勉強したいと思っているけど、どの本を読んだら良いか分からないっていう人はこのサイトを見てみると良いかも
デザインに関する本だけをカテゴリーごとに分類してまとめられています。
1
36
241
Ubieさんのデザインシステムしっかりとまとまっていていいな
後で全ページ目を通そ
▼Ubie vitals
0
23
237
尊敬しているBXデザイナーの方に教えてもらった、ブランドの人格を視覚化する「ブランドアーキタイプ」についてのオススメ記事
ブランドデザインを行うときにめちゃくちゃ役立ちそう
1
6
212
読む
「MIXIデザイナーが思う良いポートフォリオの共通点」
0
18
214
僕がWebデザインする時に地味によく使ってるChrome拡張機能「Easy Window Resize」
ウィンドウの横と横の幅を指定のサイズに一発で変更してくれます。
例えばFigmaで1440px × 900pxでデザインを作っていたら、実装されたWebをこの拡張機能で同じサイズに変更してデザインをチェックしています。
0
16
212
経済産業省・特許庁が推進している「デザイン経営」を学ぶのに役立つ資料を4つ紹介します。
全ての資料が無料で見ることができます。
1. 「デザイン経営」宣言
2. 「デザイン経営」の課題と解決事例
3.
0
27
207
デザイン組織に関する本は4, 5冊読みましたが、一番この本が分かりやすくて、実務に取り入れやすかったです。
デザイン組織を将来的に立ち上げたいと思っているデザインマネージャーの方にオススメです。
理想のデザイン組織の立ち上げ方について、まとめてみました。
記事の詳細はリプ欄から
1
16
281
3
21
208
【 簡単な入稿データの作り方 】
イラレデータを入稿する時は、みんなパッケージ機能を使おう!
画像のリンク切れ、相手のpcにフォントが無い問題、など入稿で起こりうるほとんどの問題を一瞬で回避できるよ!
#nilsTips
0
37
201
【 ちゃんと文字詰めができているか確認する方法 】
「変形パネルの垂直反転」をして、文字としてではなく、絵として間隔を見てあげると、文字詰めが甘かったり詰まりすぎていたりする所がすぐに分かる。
#nilsTips
0
20
205
ロゴ公募で話題の「デジタルの日」についての詳細を探していたら、酷すぎる資料を見つけた...
ロゴデザインのオリエンでこの資料を共有されたら不安になるな。
1
19
200
社内の新入社員向けのNotionのオンボコンテンツを作ってるんだけど、基本的にこの3つ覚えておけば大体なんでもできる
0
16
206
今まで、後で参考にしようと思ったスライド資料はダウンロードしてストックしてたけど、この Slidelandっていうサイトを知ってしまったから、やる必要なくなった。
「表紙」や「メンバー紹介」みたいにページごとに、カテゴリー分けされてるのもありがたい。
1
15
206
スタンフォード大学のデザイン研究所が「デザイン思考家が知っておくべき39のメソッド」を無料公開しているので、デザイン思考に興味のあるデザイナー・経営者は見ておくと良さそう。
デザイン思考の5つのステップと39のメソッドが無料で学べます。
0
33
202
文字の大きさを変える時は「フォントサイズ」ではなく、「フォントの比率」を変えた方が後々楽だよ！
0
41
195
これ全部徹底してみて。パフォーマンス格段に上がるから
・こまめに水を飲む
・朝日を浴びて、緑がある公園を15分散歩する
・15分昼寝する
・13時にブラックコーヒー飲んでプレーンヨーグルトを食べる
・間食に塩分無しのミックスナッツを食べる
・17時に筋トレと体幹15分
・寝る1時間前に風呂に入る
1
19
198
素晴らしいFigmaプラグインを見つけてしまった
Figmaにリファレンス画像をストックしてるとFigmaが重くなったり、表示が遅くなったりするんだけど、「Downsize」っていうプラグインを使うと一括で画像を圧縮して軽くできる
0
17
187
SmartHR Design Systemの余白の取り方がめちゃくちゃ参考になる
1
18
180
フルタイムのデザイナー僕1人で、UI触るのほぼ僕だけだけど、ちゃんとデザインシステム作ってる
4
14
182
【ご連絡】
約2年半お世話になったDeNAを退職しました。
新卒1年目から、沢山挑戦の場を与えてもらい、デザイナーとしてとても成長することができました。
同期や先輩も、とても優秀で優しい人ばかりで、毎日楽しく仕事させてもらいました。
本当にお世話になりました！
6
7
183
提出してもらったOGPに対して、僕がどのような視点で改善したか。
デザインマネージャーになって手を動かす時間が減ってきていますが、クリエイティブのクオリティは妥協しないようにしています。
0
14
178
Studioが事業拡大に向けたリブランディングを発表したみたい。ここまでデザインに投資している日本企業は他にないので、個人的にめちゃくちゃ応援しています🔥
・ブランド表記をSTUDIOからStudioに変更
・元のロゴのシンボルを踏襲したVIの刷新
3
7
173
CyberAgentの統合報告書が報告書と思えないほど綺麗すぎる。
デザイン制作会社のポートフォリオかと思うほど。
いつも資料作りの参考にさせてもらっています。
1
5
170
Figmaのページ内のテキストを一括で翻訳して置換してくれるプラグイン使ってみたけどめちゃくちゃ便利でした
早く知りたかった...
1
6
169
今までAppleのシステムアイコン（SF Symbols）を使うのにわざわざwebからコピーして使ってたけど、Figmaの「Symbol Icons Browser」っていうプラグインで全て解決した。
0
9
167
描いてる絵をリアルタイムでAiにレンダリングさせてる
誰でも思い通りに綺麗なイラストが描ける世界がすぐに実現しそう
0
26
165
ナビゲーションは縦と横のどちらが最適かについて書かれてる記事
後で見る
1
13
160
