横澤由香里｜アートディレクター｜PYRAMID FILM QUADRA INC
@asahirumi
Followers
7,080
Following
713
Media
1,009
Statuses
9,190
株式会社ピラミッドフィルムクアドラのアートディレクター｜50人規模の制作会社で管理職やってます｜Web, Graphic, Logo, Device, Art Direction｜アパレル→事務→派遣切り→制作会社→制作会社｜アラサーでデザイナーに転職。デザイナー歴13年。朝が弱〜い。麺とテンキーが好き。俯瞰料理動画。
Tokyo
Joined January 2018
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#Mchoice2024
• 955919 Tweets
#Mintawards2024
• 605601 Tweets
ホームラン
• 70076 Tweets
SING ALONG WITH YOKO
• 64200 Tweets
#ホロ0期生ライブ2024
• 62961 Tweets
GULF X MCHOICE
• 61007 Tweets
MCHOICE X ML
• 59586 Tweets
POOH MINT ROOKIE 2024
• 36077 Tweets
#withMUSIC
• 32082 Tweets
ビッグラン
• 21056 Tweets
#liSTeningPARTY
• 18794 Tweets
そらちゃん
• 18094 Tweets
AN6 ALON TRACKLIST
• 17589 Tweets
アズレン
• 15548 Tweets
BILLYBABE AT PRAEW2024
• 10985 Tweets
Last Seen Profiles
Pinned Tweet
「横澤さんはさ、デザインフレームの中心に世界観を作ろうしてるけど、世界観を作っていってトリミングしたらデザインができるって考えるといいよ。とくに写真とかイラストとかあしらいとか」
デザイナー3年目くらいにグラフィックデザイナーの方から教えてもらった。（●つけとこ）
2
455
4K
●括弧の使い分け
「」
会話・引用・タイトル名
『』
タイトル名や本、「」の中で使用
【】
強調、目立たせたいとき
（）
読み方・補足
〔〕
強調・補足
［］
強調
〈〉
強調
資料化してて気になって調べてみたら、ちゃんと定義されてた。会話か、強調か、補足の使い分けなんだな🍙
5
2K
6K
●シャドウも200種類あんねんという話
シャドウはそのデザインの世界観/空間をできる。
・手に取れるほど近くにあるのか
・浮遊していて奥行きを感じるものなのか
・夏の光なのか/冬の光なのか
・朝の光なのか/夜の光なのか
・自然光なのか/照明なのか
・直接照らしているのか
1
181
2K
タイルだー！！！かわいいー！！
お風呂屋さんの中にいる感じする♨️
1
93
1K
●美大も出てないしスクールにも行ってない。どうやってデザインの勉強したかというと、
本だよ。
・デザイン基礎知識4-5冊
・Photoshop / Illustrator参考書1-2冊ずつ
・ポートフォリオ参考書2-3冊
・就活書類参考書2-3冊
事務職しながら、デザイン基礎知識とツール本を3周くらいやった。
2
105
1K
●デザイナー未経験の壁とは
・制作量
・制作スピード
・制作幅
・ツール習得度
・進め方
・情報整理の仕方
・提案の仕方
・伝える言語力
・分析と仮説
・制作フローの理解
・ポジションの理解
・会社や業界の理解
・デバイスの理解
・トレンドの把握
3
131
1K
●デザイナー採用どこみてる？
書類選考
・実績
・志望動機
・経歴や基本情報
一次面接
・人柄
・質問に対する回答
・実績の説明
・会社とのマッチ度
二次面接
・どうなりたいか
・業界理解
6
126
1K
うっわ！！！！！！！まじか！！！！
ChatGPTを導入し、テキスト入力＆ワンクリックで最適なWEBサイトを自動生成する新機能『Text to Website』をSlideflowに搭載。2023年6月より提供開始！
@PRTIMES_JP
より
2
182
1K
覚えておいた方がいい「錯視調整」。細部を詰める武器になる。
デザイナーなら知っておきたい11の錯視と調整方法
0
124
1K
企画／アートディレクション／デザイン／撮影ディレクション担当しました〜！！！
「お菓子で世の中を幸せにしたい。」という想いを込めて、プロジェクトのみなさまと一つ一つ丁寧に作り上げたサイトです。
不二家洋菓子店のVI（ビジュアルアイデンティティ）刷新に合わせ、不二家のケーキ・洋菓子事業を紹介するブランドサイトを制作✨
スクロールに合わせてケーキが口に運ばれるような演出が可愛らしいサイトです🍰
▼制作サイトの紹介はこちらから
ぜひご覧ください！
2
30
350
12
79
1K
●デザイナー転職で50社落ちた話
派遣グラフィックデザイナー（経歴2年）から正社員Webデザイナーに転職した時の流れ。
1.複数の紹介会社に登録
2.紹介されない
3.焦る
4.少ない紹介を端から応募
5.40社書類で落ちる
6.泣く
7.就活参考書2-3冊買う
8.ポートフォリオ参考書2-3冊買う
↓続反撃編
2
66
1K
●デザイナージャーニーマップ
アサイン時の高揚から案件が進むにつれ緩やかに降下、制作時は絶望、初稿提出時にはMAXへ。毎回これ、そして繰り返す。
こんな浮き沈み激しいのを続けてて、「よく狂わないな？」とは思う。
5
102
975
●参考にしてる項目
ピンタレスト
・トーン/世界観
・キャラクター観
・撮影/イラスト関連
事例サイト
・レイアウトの見せ方/バリエーション
・機能的設計
・デジタル面の情緒的設計
アプリ
・日常的な体験/UI設計
・UXライティング
現実
・日常的/非日常的な体験設計
2
83
967
●ポートフォリオからわかること
（主に未経験者）
デザイナーの採用担当してると「やってる人」と「やってない人」の違いは明らか。
やっている人はまず自主制作してる。量/トーン/媒体/深掘りをしている。
スクール課題4-5件の方が多いが、応募時点で差が開いているのが現状。
1
95
943
●素人っぽいデザインからの脱却（デザイナー1-2年目でよくFBされていた内容まとめ）
・文字が大きい
本文サイズ24pxくらいある。「テキストは読まれない」を前提として、読まない文字が大きいと伝えたいことが伝わらなくなってしまう。文字はメリハリ、喋る言葉/内容/しぐさ。
・余白が全部同じ
1
76
910
●カーニングで意識していること
・文字を図形として捉える
・図形の組み合わせで調整する
四角形と長方形と丸形の組み合わせは比較的調整しやすい。三角形と逆三角形が入ってくると難易度が上がる。漢字は菱形もある。
いまだにカーニングで悩むし、他のADに意見もらったりする。
1
81
901
「いくつかのルールを知っていれば、UIデザインはそれほど難しいものではありません。」
うえええ情緒とのバランス！と思いながらUIデザインを作るのが好き。一つ一つは細かいけど総合的に明確な差が出る。
UIデザインに必須の16の論理ルール！
0
86
893
●figmaで使ってるプラグインたち🤤
・Insert Big Image
解像度高い画像を使いたい
・Spacing Manager
余白管理
・Clay Mockups 3D
モック画像作れる（これ全員入れた方がいい
・Paginate
ページ番号一括反映してくれる
・Downsize
画像の圧縮
・Icons8
・Material Design Icons
アイコン類
1
62
863
縦書きのモーションすっごい美しい。どの色も鮮やかで綺麗、目が新鮮。
1
55
838
●figma：Pages管理/活用法
・デザイン確認用
・見出し空シート（作業中/資料関連/履歴）
・デザイン作業
・実装フィードバック
・資料
・参考
・ワイヤーフレーム
・企画書
・提出済デザイン
・提出済ワイヤーフレーム
・個人
Pagesをみればどのように使ってるかわかる。目次化されてるのが理想。
2
71
809
デザイナー向いてないからやめた方がいい
横澤さんの作ったデザインはみる気がしない
とか言われてたけど今13年目。不足を知って勉強して工夫して自分の強みを作る。続けるかを決めるのは周りじゃない、自分。続けるからには「やる」。
7
25
786
●Webのデザイン幅
クライアント確認及び実装データ用↓
・1360-1440px
PCデザイン。ファーストビューの画角違いも作成。
・375px
スマホデザイン。ファーストビューの画角違いも作成。
-----
ここから設計用↓（必要に応じて）
・1920px
1
71
744
気になる。
ストライプが曲線を演出したり、ヘッダーのラインがシームレスに背景へ変化したり。モザイクのようなマウスストーカーも。
1
54
728
BEAMSの「恋をしましょう」は印象に残ってる広告の一つだな。もう13年前か。
4
22
676
こ、これは、大変わかりやすい！
項目多いけど見出しとイラストでも理解できるし、デザイナーに限らずエンジニアやディレクター/PMの方々にもぜひ読んでほしい！！！
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編
0
82
650
●figma：企画書の作り方
コンポーネントを使う。
・ページタイトル
・フッター（コピーライト/ページ番号）
・背景色
・オーバーレイ＋メモ
・中表紙
・目次リスト
・ラベル（素材リクエスト系）
・マーク（追加/調整とか）
・確認事項メモ
・波線（省略記号）
・サイトマップ
他
1
55
649
これもデザイナーみんな読んどこ！！！
基本的なデバイスやソフトのおさらいから、ユーザーの負荷、UIや体験の注意点まで参考になる！文章量多いけど大変読みやすかった！
知識０から、ちょっとUIデザインに詳しくなるnote
1
47
623
「角をなめらかにすると、人間の目は要素から要素へ視線を動かしやすくなる」
え！！！！そうなの！？
コーナースムージングとは？ たった1ミリが、UIデザインを大きく変える
0
84
612
●デザインをブラッシュアップ方法
一通りデザインを作る
↓
リファレンスやクオリティの高いデザインと比較する
↓
違和感をメモする
↓
一晩寝かす
↓
朝もう一度違和感メモを見返す
↓
調整するか/どのように調整するかを決める
↓
対応する
1
50
619
●デザイナー10年目で続けていること
・毎日ブクマみる
・毎日ピンタレストチェック
・タイムラインの記事をチェック
・気になってる制作会社の最新事例チェック
・オンラインセミナーをチェック
・サイトレビュー＋検証ツールでこねくり回す
継続は大事。。。。。。。
それしか言えん。。。。。。。
0
42
613
日本と海外のデザインの話、興味深い。もはや元ビジュアル使ってないものもある。
←万引き家族日本版 万引き家族中国版→
← パラサイト韓国版 パラサイトイギリス版→
映画ポスターから見る海外と日本のデザイン
0
49
612
「デザインてこの幅でいいんだっけ」とデバイストレンドはアップデートされていくし、オンスクリーンのデザインに興味ある方はおさらいに。
【2024年最新】Webサイトの横幅サイズはどう決める？最新トレンドも紹介
0
60
612
初稿！！！
やはり「おっ」と言いたくなる😲
0
59
314
2
68
603
「デザインに恋したアート♡アートに嫉妬したデザイン」展示みてきた。
1
46
596
●シャドウも200種類あんねん【応用編】
ドロップシャドウを使わない技がある。
現実でドロップシャドウで再現できるシャドウはほとんどない。真正面から真俯瞰から一定の距離や角度で同じ量の光を浴びることはない。もっと印象的にしたい時にドロップシャドウ使わない方法もある。
1
56
593
●デザイナーとして戦うこと
・新しい表現を取り入れる
・自分でデザイン提案する
・相手に伝わるように話す
・目の前から逃げない
・工夫する
・自走する
・挑戦する
・準備する
・ちゃんと不安になる
・いろんなひとと話す
・話す土台を作る
・デザインを作り続ける
1
38
580
ぱっと目に入る丸写真のアイテムリスト素敵だ。トップページの中程に贅沢にエリアを使ったベストセラーがあったり、幅いっぱいの写真があったり、大胆だ。
1
51
579
フォントの選定理由がわかる記事。幅広い層の読みやすさ、墨溜まりの柔らかな印象、美味しいと思わせる期待感。A1ゴシック好きです。
新聞広告に「書体名」を掲載したのはなぜ！？ ファミリーマートの新プライベートブランド「ファミマル」のパッケージデザインの舞台裏に迫る
0
44
582
デザイン以外の領域が広がった途端にこれだった。インプットの怠り、そして妥協。（自戒
デザイナーとしての「ゆるやかな死」
0
86
551
●デザインで行き詰まったときにやること
・ブックマークサイトをみる
・他媒体のリファレンスを探す
・別案件やってから確認する
・モニターを遠くからみる
・本棚を漁る
・街に出る
・本屋に行く
・休憩する
・お風呂/歯磨き/ごはん
・移動しながら見てみる
・案件外のメンバーにみてもらう
3
35
529
●デザイナーの教育で気をつけていること
相手のスキルに合わせた指示の仕方をする。
・未経験-1年目まで
具体的な指示を出す。何をいつまでにどういったものを作って欲しいとか、背景や目的は指示を出す側で設定する。制作しながら細かくクオリティチェックをする。できる限り毎日話す。
2
37
522
デザイナーの強みをたくさん挙げられているのだが、「自分はできているのかな🤔」と不安になってしまった。。1はデザイナー必須だよなぁ🤨
デザイナーを8年やって気づいた「デザイナーの本質的な強み」
0
43
517
●デザインフィードバックは段階がある
まず方向性
・コンセプトを理解しているか
・コンセプトに沿った表現ができているか
・（表現のコンセプトを立てられているか）
次に表現の整理
・デザイン4原則
・情報整理ができているか
・全体の流れ及び視線設計ができているか
0
56
514
●ポートフォリオ実績詳細ページの構成要素（私のです、、😳）
・タイトル
・カテゴリ
・制作年月
・外部リンク（あれば）
・実績を表すビジュアル
・概要
・背景
・ターゲット
・デザインの方向性
・カラー
・フォント
・ツール
・クレジット
・上記らの詳細画像
・メインデザイン画像（PC /SP）
1
50
483
これはデザイナーみんな読んどこ！「らしさ」という独自性も大事なんだけど、わかりやすさと両立したい。ディテールを詰めながらも機能性と���率性も高められる。
効果的なアイコンとは、ユーザがすぐに理解できる形で特定の概念を表現するグラフィックアセットです。
2
46
485
●全体の印象を底上げする小技
・シャドウやテキストにキーカラーを混ぜる
これが！！テキストやシャドウって使用箇所が多く、その分面積も広いもんでかなり印象が変わる。一気にプロっぽくなる。けどやりすぎ注意！
添付はわかりやすく色多めにしてるけど、実際は気が付かない程度ほんの少し🤏
1
35
477
游ゴシックなぁ！1項目ずつ「そうなんだよなぁ！」と読んだけど、スッとした佇まいで優しい読み易い大人ゴシック、游ゴシック使いたい時ある。どーーーしてもの場合は有料だからねと社内でルール付されてる。
ウェブサイト制作では、游ゴシックはおすすめしない理由
2
57
472
●二次（最終）面接について
書類面接で「信頼に値する人物か」、一次面接で「デザイナーとしてスキルや人柄が合うか」をみて、二次面接では「会社のビジョンに合うか/活躍する姿が想像できるか」をみてる。
・3年後5年後にどうなりたいか
1
50
438
●書類選考について
履歴書/職務経歴書/ポートフォリオと提出物が決まっているなかで、「信頼に値する人物か」という通過点。
・伝わる文章を書けているか
・読みやすさ/見やすさが考慮されているか
・誤字脱字はないか
・職歴や経歴に不明なことはないか
・デザインスキルの把握
1
34
436
デザイン業界って今どうなってるかはこう言った記事からも読み取れる。デザイナー人口は増えたけど、働き方のギャップがある。デザイナーに求められることが変わっていく。
デジタルデザイン業界のトレンドを可視化する年次調査 「ReDesigner Desgin Data Book 2024」を公開
0
27
433
●デザイン独学していた時
勉強期間：一年半くらい
当時の仕事：派遣営業事務、残業時間10H/月
勉強時間：平日4日2-3H、土日どちらか8H
教材：Photoshop /Illustrator参考書2-3冊ずつ、レイアウト参考書4-5冊、ポートフォリオ/就活本1-2冊ずつ
2
35
425
美大や専門だと勉強してるのかもだけど、こういったフォントの基礎知識って大事だ。スキをクリックで、モリサワフォントを使った画像が表示されるのも良い！ちなみに私は「オプティカル＋個別カーニング」派。
オプティカル？メトリクス？Adobeソフトの文字詰め機能を解説！
0
42
425
アートディレクション、WF設計、演出モック作成とかアバター仕様決めとかもろもろ担当しました！！！プランニングは阿部さん
@ABETATSUYA
と一緒に考えました！動画パートとプログラムパートをシームレスに繋がるように設計している点がみどころです！！
アバターをコーディネートして冬本番への行進に参加、クーポンが当たる、
2023年秋冬ユニクロ感謝祭デジタル施策「感謝祭LUCKY MARCH」を制作しました！
アバターを自分好みにコーディネートし、冬支度を楽しめる施策となっています⛄
詳しい紹介はこちらから👇🏻
1
6
59
4
20
417
カード型の表現って古くからあるけど、めくれにちょっと厚み（3D）つけたり、背景色との相乗効果つけたり、既にある表現を掘っていくのも良いんだよな。内容も良い。
0
29
416
●これから必要になるひと
・0-1を作る
創造性、想像力で新しい何かを作る
・ディレクション/マネジメントできる
方向性を示して道筋をたてる/乗せる、軌道修正できる
・カスタムできる
既存機能を組み合わせてひとつのものを作る
・仲良くなれる
人と人を繋げる
2
40
411
コケー！！！（かわええー！！）
写真とイラストの使い方もすごく素敵だけど、いろんなオンマウスが設定されてて丁寧さとこだわりを感じる。くるりとするお問い合わせとSNSボタン、ピヨっとあがるカートボタン！！
2
26
406
●ポートフォリオでもうひとつ
案件記録用スプシを用意して日々書き溜めておく
・案件名
・公開後URL
・タグ
・概要
・背景
・ターゲット
・デザイン意図
・カラー
・フォント
・成果
・スタッフ
・ツール
・備考
提案書から抜粋したり、制作時にメモしていく。これらをポートフォリオに活かす。
1
30
401
●デザインがベターっとなった時に試すこと（メリハリがない時とか）
・背景にうっすら円形グラデ
→光が当たっているように見せることで奥行きが生まれる。上から伸びる光のように入れてみたり。
・シャドウに一手間
0
29
385
●仕事の仕方が上手いと思う人は
進捗率30%くらいで壁打ちする機会を作る
「こうしようと思ってるんですけど」を相談するタイミングを設ける。これはする側もされる側でも。チェックタイミングまでにも共有できることが実はある。
・情報収集／分析を終える
・改善点を捉える
0
44
390
落ち込んでる時や空気を入れ替えたい時にみるサイトがあってですね。WebデザインやWebサイトの豊かさというか。
2
26
382
●グラフィックデザイナー1年目でやっていたこと
・写真超切り抜きしてた
1日100枚とか。
「1枚何分でできるかなぁやっるぞぉ！」という意気込みでタイムアタックすると手が速くなる。
同じものを一週間後にやってみると丁寧さが変わる。
難易度が高いものをやると根気がつく。
2
15
380
●デザイナーと絶望のはなし
・絶望が成長させる
絶望と希望の繰り返し。
絶望20%、自信ない80%、楽しい15%、希望4%、有頂天1%くらいで運用してる。
良くしたい良くなりたいと本質を上げる原動力になる。
という話を同僚（ベテラン）とした。
何年経っても絶望はある。
その後どうするか。
2
34
377
●WF（ワイヤーフレーム）とデザインの間
「WFのままじゃない？」
デザイナー1-2年目あるあるだ。
WFは「クライアントが見せたい要素とその構成」であり、それは「ユーザーが見たいもの」とイコールとは限らない。デザイナーは常にユーザー目線での情報整理が必要。
2
32
375
●30代デザイナー3年目で正社員になって心掛けていたこと
・プライドを捨て去る
→聞く
→相談する
→わかりませんっていう
→年下とか関係ない先輩は先輩
・フィードバックはいったん試してみる
・スキルを上げるためになんでもする
→毎日インプット
→期日前にデザインチェックしてもらう
0
20
375
何のフォント？と調べたら「Neue Montreal」というフォントだった。いいなぁweightも豊富だし使ってみたいなぁ。
クラシカルなトーンのフォントを使いながら、コントラストの強さと余白の自在さが良い。ページ内のアニメーションは最小限に、ページ遷移の重なる演出をより印象づける。アバウトの赤とコンタクトの緑の意外さも素敵だねぇ！
0
2
96
0
14
360
まじか！Finderに使用ソフト足せるのか・・！知らんかった！！！！
ウインドウの上部に、アプリケーションのアイコンを［コマンド］を押しながらドラッグすると固定される。そこに開きたい書類を合わせると開けるので、よく使うアプリを設定していくと便利。
1
8
71
1
54
354
●ミスを防ぎたい
・指示書と提出物を比較する
提出物のみをチェックしない。記憶を頼りにしない。（これ結構やっちゃうのよ）
・チェックリストを作る
自分がミスを起こしやすいリストを作成、チェックして提出。都度メモしても良いし、複数回チェックしても良い。
・ツールに頼る
1
31
346
デザイン作成時にも参考になる。
コーディング後や納品時に確認する62のチェックリスト
0
39
343
●仕事できそうだなぁと思うひとは
・レス/リアクションが早い
・先を読んで提案する
・作業が早くて正確
・相手に伝わるように話す
・意見をいう
・気遣いがある
・興味を持つ
・理解が速い
・ステータスを把握する
・目的の課題を抽出する
・デスクトップきれい
2
20
340
フォントによって本文向き、見出し向きがあるのかぁ。独学だとこういう基礎知識抜けがち。。まとめありがたい。
ベタ組とツメ組。日本語の文字の並べ方を押さえよう
0
26
335
●一次面接について
書類面接で「信頼に値する人物か」をみて、一次面接では「デザイナーとしてスキルや人柄が合うか」をみてる。
・質問に対する理解と回答
→多角的な質問でコミュニケーションスキルや考え方、人柄など
・デザインスキル
1
43
332
「アイデアのつくり方」読んだ。
どれだけ情報収集できるか、ヒントに辿り着けるか。流行が繰り返されるのと同じように、パーツを組み合わせて形を変えて具現化していく。効率化しにくい面ではデザインも一緒か。
1
15
325
なるほどねぇ🤔
ちゃんと調べたことなかった（土下座
Std、Pro、Pr6、Nってなに？意味を知って賢くフォントを選ぶ！フォント名による違いと使い分け徹底解説
1
35
324
これは設計する時ワイヤー制作時に役立つ！！！記事内の画像見るだけでも理解できる。情報の伝達度が早い記事（すごい）。
UIデザインのための10のヒューリスティクスについて改めて考えてみた
0
33
328
●デザイナーになったときに思ってたこと
「恥をかくなら今がいい」
30歳の遅いスタートだし、先輩や教えてくれる人が年下とか関係ない。いろんな人にたくさん質問して吸収する。プライドとか言ってる場合じゃない。最低3年は恥をかいてもいいと思ってた。
無論積極的に恥をかきたいわけではない。
4
21
318
シンプルだけど印象的だなぁ。特に色がいい、フォントとその使い方がいい。愛。
0
17
323
●デザイナーからアートディレクターになったときのスキルセット
・幅広い世界観の制作
・Webとグラフィックの制作
・デザイン方向性の立案
・クライアント打ち合わせの参加
・後輩（複数名）へ指示出し
・社内外コーダーへ指示出し
・デザイン/演出/実装のクオリティ担保
1
20
309
●デザイナー1年目切り抜き修行の次は？
・合成+アタリ/実画像作成の千本ノック
Photoshopで化粧品やバッグ、ノベルティなどの切り抜きを背景に合成したり、光入れたり影描いたり色味足したり引いたり。
雑誌やカタログで使われるような一枚絵の作り込みをアートディレクターのOK出るまでやる。
1
23
306
グラフィックデザイナー一年目の時「これどうやってもレイアウト難しいでしょ！」という内容やフィードバックでも、先輩たちは魔法のように綺麗に仕上げてた。要素の増減が何回あってもやっぱり綺麗で崩れない。
構成スキル、特に再構成スキルはグラフィックの強みだなと今も思う。
1
11
308
ほー試してみよ！！慣れるまで時間かかりそうだけど！そしてこのnoteが鬼のように読みやすかった。。。
桁違いに読書の質が上がる超簡単な読書法
0
29
306
「Squircle(スクワークル)」っていうのか！クラフトっぽさというか温かさを感じるUIになる。Figma派だとめっぽうコーナースムージングを使うけど一から作ってみたい。
四角でも丸でもない形！Squircleを取り入れたUI考察
0
27
308
●Webデザイナー1-2年目に担当していたこと
・バナー超量産
→先輩が作ったバナーのリサイズ50個とか。
どのアスペクト比でも印象を変えずに量産する訓練になった。サイズに合わせて、要素の優先順位をつけられるようになり、取捨選択できるようになった。
1
20
299
ええええ。。。。。。。。実績詳細ページの背景グラデ動いてる。。まじ無理なんですけど、、変態にしかできんデザイン。。。（褒めてる）
1
14
302
●Figma：何文字以上は省略する「Truncate text」
運用性の高いテキストパーツは「文字数制限を超えた場合に三点リーダー（…）で省略する」ことがある。その仕様を再現する「Truncate
0
14
292
●ク、クオリティを上げた〜い！！！
目で��がつき、言葉で思考して、行動で正解に持っていく。
・目を鍛える
クオリティの高い制作物をみまくる
インプット量を増やす
幅広い媒体のデザインをみる
・言語化する
どこがどう良いのか悪いのかをメモする
サイトやデザインの分析をする
1
22
295
●デザインはじめの「やれるかなぁ・・という不安でやる気が重い」時にやること
既存情報を書き起こしてみる
・企業情報
・理念
・事業内容
・取り組み
・要件
など
1
18
286
作図って基礎力が試されるよね。デザイナーだけじゃなく、「伝える」が領域の方々にもぜひ読んでほしい。
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
0
20
287
●デザイナー何着てる？
・デザイン出来ますって見えるように頑張ってる
メイクも含めてだけど、デザイナーのスタイリングは結構大事。ださい服のデザイナーに頼みたくない。
佇まいからも期待値上げたいなって個人的に思う。
5
16
281
「不安を少なくする」「安心できる要素を入れる」「手間をなくす」の気遣いが体験をグッと引き上げるんだなぁ🌞
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)
1
27
283
デザインをどう広めていくのかはすべてのデザイナーに共通すること。
読む！
UIデザイナーは読んでおかないと後悔する良書！ 大規模サイト・アプリのUI/UXを作り込むテクニックや裏側まで詳しく解説 -銀行とデザイン
0
26
272
28歳くらいまで小売→事務職で、29歳でデザイナーに転職した。
1-2年くらい本で勉強しながら、友人のフライヤーやロゴなど作らせてもらった。
自主制作物をまとめてポートフォリオにしたけど、50社以上落ちた。
美大入ってたら、、と思うこともあるけど、今デザイナーやれてるならそれでもいいか。
3
5
276
●Figmaプラグイン更新版
・Remove BG
画像背景を削除して切り抜きたい
・Insert Big Image
解像度高い画像を使いたい
・Clay Mockups 3D
モック画像作れる（これ全員入れた方がいい
・Paginate
ページ番号一括反映してくれる
●figmaで使ってるプラグインたち🤤
・Insert Big Image
解像度高い画像を使いたい
・Spacing Manager
余白管理
・Clay Mockups 3D
モック画像作れる（これ全員入れた方がいい
・Paginate
ページ番号一括反映してくれる
・Downsize
画像の圧縮
・Icons8
・Material Design Icons
アイコン類
1
62
863
1
17
276