ムラマツヒデキ🍣クオートワークス Profile Banner
ムラマツヒデキ🍣クオートワークス Profile
ムラマツヒデキ🍣クオートワークス

@muuuuu_chang

18,162
Followers
2,025
Following
1,678
Media
11,010
Statuses

とにかく元気な東京目黒デザイン会社QUOITWORKS Inc.社長。運営。Awwwards2022-24審査員。YouTubeムーテレ配信中。 愛犬家。CGクリエイター。お仕事のご相談は弊社サイトのお問い合わせよりお願いいたします。

東京都目黒区
Joined March 2022
Don't wanna be here? Send us removal request.
Pinned Tweet
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
5 days
<採用情報> QUOITWORKSでは業務拡大のため 7/31締切で「デザイナー」の募集を行なっております。 社会経験3年以上あれば未経験でも歓迎です! ご応募を心よりお待ちしております! 詳しくは採用サイトをご覧ください🙇‍♀️ ●採用サイト(仮) …
0
13
136
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
8 months
多摩美が無料のスクールやるとの事。 なぜかバズっていない。講師も素晴らしい布陣で、こういう機会に行動できると強い。 Tama Design High School開催 - Tama Art University Bureau|多摩美術大学 TUB
9
8K
22K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
愛媛の小さなレンタル着物屋さんなのに、 写真がめちゃくちゃカッコいい。
Tweet media one
Tweet media two
2
1K
6K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
デザインで一番使える配色のロジックは 「ドミナントトーン配色」 これはS(彩度)とB(明度)の値が同じであれば どのH(色相)を利用しても色が合うっていうもの。 色がたくさんになっても、まとまりある配色になります。デザイン以外でも資料作りとかでも使えます。
Tweet media one
2
574
5K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
これはやばい。本当にやばい。 おしゃれなカフェ、レストラン的な カリグラフィー無限に生成できる
Tweet media one
Tweet media two
Tweet media three
@shihoscape
Shiho Yokoyama
1 year
手描き文字を自動生成してくれるサイト。 スタイル、速度、読みやすさ、ストローク幅を設定し、SVG ファイルでダウンロードできて便利。達筆ではなく自然な感じ。
Tweet media one
Tweet media two
3
3K
11K
1
743
4K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
人の写真を並べるとき、 ・頭のサイズを統一する ・目線の位置を統一する これ、めちゃくちゃ大事。 #初学者デザイナーできてないあるある 引用
Tweet media one
1
294
4K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
Webデザインをしている時、考えている事50個。
Tweet media one
Tweet media two
8
386
4K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
8 months
新人デザイナーに送る 「これ全部読んどいて」リスト2023年版 ⚫︎これだけ守れば見やすくなるデザインの基礎 ⚫︎未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』 ⚫︎デザイナー用便利サイトまとめ
2
492
4K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 month
これblenderやってる人、全員必見レベルのやつ。今TVで放映してる。 このあと1週間TVerでみれる。 アカデミー賞とったCGのアレのやつです。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
616
4K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 month
かなり細かいけどめっちゃ良いこと書いてある。 ・見た目が似てる要素は同じように機能さす ・縦長の小文字の書体を使用する ・大文字の使用を制限する ・純粋な黒のテキストを避ける ・本文には少なくとも1.5行の高さを使用 大きな影響を与える16の小さなUIデザインルール
Tweet media one
0
253
3K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
フォロワーの皆様にこっそり教える、 とんでもなく有益なもの。 ゲームUI107本。 インタラクションアイデアの宝庫で震える。
Tweet media one
2
406
3K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
11 months
独学のやり方 1.動画のチュートリアルをやりまくる 2.ピンタレストで目を地道に鍛える 3.量より頻度(最低週4 4.先生よりライバルを見つける 5.効率が上がる機材に金をかける 6.自主制作も進めてその中で何が出来ないのか炙り出す 7.自分で調べて手に入れると定着する故にちゃんと自分で調べる
2
372
3K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
謎に多いカッコの使い分け方を モリサワが公式に発信してくれてて めっちゃ参考になる。 ⚫︎なんとなく使っていませんか? 括弧の種類と使い分け
Tweet media one
4
591
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
の人、 ムーテレ()の人が普段のインプットとして見ている Webデザインギャラリーサイト一覧。
Tweet media one
2
200
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
29 days
photoshopとかIllustratorの素人目に凄いと思う技が凝縮されてて 「最早AIでの加工は1つの技術ジャンル」 であると高々に掲げられた今見るべき名書 デザイナー経験歴に関わらず「AI加工インプット」がないと然るべき時にアイデアとして思いつかないので超勉強になる
Tweet media one
Tweet media two
@DesignSpot_Jap
タマケン | Design Spot
2 months
【お知らせ】 『生成AIデザイン制作入門ガイド』の発売日が6/9に変更となりました🙏 楽しみにしてくださっている皆様、申し訳ありません。 最新の情報を取り入れるための変更ですので、もう少しお待ちいただけますと幸いです🙇‍♂️
Tweet media one
1
60
556
3
205
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
あまり知られていないけど最近いいサイトを作っていると思う制作会社5選 necco inc. accorder. Wanna M-HAND reynato
0
175
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
フリーランスの時あったホラー 1.制作会社に外注で制作依頼される 2.デザインA作る 3.デザインAを私のポートフォリオに載せるなと言われる 4.依頼してきた制作会社の実績にデザインAが掲載されている 5クレジットにデザインAのデザインをその会社が担当していた事になっている 6.それを広告に出してる
10
272
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
11 months
三点照明ってのがライティングの基本らしい。勉強になった(初めて知った ⚫︎キーライト 全体に露出を与える、通常このメインライトをカメラに対して45度の角度に配置し高さも45度に調整 ⚫︎フィルライト キーライトによって生まれた被写体の影を和らげる役割、ディテールを引き出す
Tweet media one
Tweet media two
1
212
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
4 months
友達の某コラージュアーティストがテレビに出るっていうんで、あれこれ言いながらみんなで見てて、蓋を開けたらめちゃくちゃ良い形に番組になってて感動している! #キントレ
Tweet media one
@qta3
Q-TA
4 months
【お知らせ⚡️】 16日(土)に放送する日本テレビのKing & Princeの番組『キントレ』に出演します!人気コーナー「どっちが海人でSHOW」で高橋海人くんにコラージュを教えます!お楽しみに!✂️✨ #キントレ #KingandPrince #永瀬廉 #髙橋海人
31
841
3K
0
419
2K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 month
デジタル庁配布の「要件定義ワークシート」が ・Why, so What:論理的な強度をあげるフレームワーク ・5W1H:Who(誰が)、When(いつ)、Where(どこで)、What(何を)、Why(なぜ)、How(どのように) など使っててとてもいい。他にも色々出したみたいなので参考にしたい
Tweet media one
3
165
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
5月11〜12日で開催されたGoogle I / O 2022でMaterial Design 3が発表されて、バリアブルフォント(太さが自在に変えれるやつ)の形式で作られたアイコンがリリースされたみたい。 2,500種類以上入ってて、これは結構使えそう。
2
243
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
最近アイコン探す時、どれもこれもSVGファイルをダウンロードする時はサブスクに入らないとならないケースが増えている中、 いろんなサイトを横断して無料のSVGアイコンを検索できるサイトできた模様。 使えそうなのでブクマした。
Tweet media one
1
114
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
4 months
デザイナー3年目くらいまで頻発する よくある「板挟み的な悩み」「答えがない問題」 の処方箋的な本が出るらしい。 これが唯一の正解でないけど、 多くを知る事こそが正解だと思うので とても良いテーマの本だと思う。 ⚫︎デザイナーが最初の3年間で身につけるチカラ
Tweet media one
Tweet media two
Tweet media three
@NASUCoLtd
株式会社NASU
4 months
\書籍出版のお知らせ/ 『デザイナーが最初の3年で身につけるチカラ』をソシムより発売します🎉 原稿、デザイン全てをNASUで作った書籍です。4月12日から全国の書店でお買い求めいただけます。本日よりAmazonにて予約開始しました✨ #デザイナー3年本
Tweet media one
Tweet media two
Tweet media three
14
200
1K
4
152
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
このデザインの何が良いって余白のデザインが最高に良い。左上から右下に下がる視線の流れを使いながら、意図的に大胆に使ったデザインが本当に効いてる。見惚れるほど上手。余白のデザインって何?って参考でこれ以上ない秀逸例。 ※赤い箇所が意図的にデザインされた余白
Tweet media one
Tweet media two
1
101
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
8 months
デザインの古くならない技術の一つに、錯覚を考慮してデザインする「視覚補正」ってやつがあるんだけど、 これはかつてない程わかりやすく体系化させて紹介されて超良かった。 明日会社でシェアする。 ⚫︎ デザイナーなら知っておきたい11の錯視と調整方法
0
127
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
youtubeのトレースの課題のノイズのやつ ・グラデーション作って描画モードを「ディザ合成」 ・フィルタの「ゆがみ」 ・フィルタの「ぼかし」→「移動」 この辺り複合的に使えばできる ←ちょっと試したもの|見本→
Tweet media one
Tweet media two
1
86
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
二子玉川と自由ヶ丘にあるSushi TORAっていう超旨い寿司屋があるんだけど、飲食店の端末UIでこんなに上品で美しいデザインはとても珍しい。
2
97
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
新年度ですね!4/1ですね! ってことで新人デザイナーに送る 「これ全部読んどいて」リスト 2024年度最新版をまとめました。 -------------------- ●便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】 --------------------
2
131
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
4 months
未経験の人のポートフォ���オを見てすごく思うのは変わったフォントを使いすぎている事。 スタンダードなものでもいくらでも美しいものは出来るので、何を使うかよりもどう使うかにパワーをかけるとデザインはグッと良くなる。 添付はヘルベチカで作られたクリアで美しいデザイン例。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
90
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
5 months
濱田さんに教えてもらった名刺入れが最高すぎて大騒ぎしてる。名刺入れの決定版レベルw そして可愛い
Tweet media one
Tweet media two
@_hamamika
はまだみか|あおる広報
6 months
いい名刺ケースないかなーってずっと探してたんですけど、ついに見つけました!トゥモローゲートの分厚い名刺でも30枚は入るSAND ITという商品です!KINGJIMなので信頼感⁉︎も抜群です!ちょいマットな質感がGoodな一品ですね🤞黒以外もかわいかったので迷いましたがコーポレートカラーにしました🙌愛
Tweet media one
Tweet media two
2
49
537
5
77
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
デザイン初学者あるあるとして、良い素材を集められないってのがある。 そして本人も気づいていない。 こういうのを使うと良くて常にアンテナ高くしておくのが大事。 美味い寿司屋は美味い魚を仕入れるのが上手い ●デザインが楽になる、ずるい最新ツール・素材40個まとめ
0
147
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
「整列」「近接」「反復」「対比」これを覚えた後に覚えるべきデザインの基礎4つ 1.視覚補正 ⇨重心で揃えるやつ 2.配色基礎 ⇨ドミナントトーン、トライアドとか。赤は危険、緑は初心者とか 3.写真の構図の基礎 ⇨三分割法、日の丸、対角線とか 4.王道欧文font ⇨Futura、DINとかの正しい利用法
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
133
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
Webのデザインで綺麗に揃えすぎてしまい抑揚あるレイアウトになりにくいということはよくある。 そこでグリットなどを利用してレイアウトを「崩す」作業をする際に、弊社が目安としているガイドの引き方6種類。 大体この6種類を意識して複合的に組み合わす事ができれば、抑揚あるレイアウトが作れる。
Tweet media one
1
97
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
ディレクターはデザイナーがデザインを寝かせられるスケジュール組まないとダメ。どんな���ラブルが起きてもデザイナーが寝れるスケジュール組まないとダメ。
1
110
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
7 months
利用されているスタイルを全て 別ページに並べてくれるfigmaプラグイン。 わざわざ作ってたスタイルガイドが 簡単に作れる事で 運用時フェーズのクライアントへの共有、 制作時のチームへのルール共有のコストがかなり下がり超便利そう。 Auto Style Sheet
Tweet media one
1
102
1K
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
デザイン基本原則で近接、整列、コントラスト、反復の中で最も重要なのはコントラスト。 スタイリングがイケてないと感じる場合この辺り順番に試すと上手く行きやすい 1.色のコントラスト 2.太さのコントラスト 3.サイズのコントラスト 4.エフェクトのコントラスト 5.フォントの種類のコントラスト
Tweet media one
2
79
982
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
よくYouTubeの広告で出てくる尾上さんの「webデザイン1年目の教科書」が本当にいいかの検証企画をYouTubeライブでやりたいんですけどどう思いますか。。。?🥺
Tweet media one
Tweet media two
17
53
962
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
流行の周期は一般的に20年と言われて、それをモロにWebのデザインのトレンドにも反映した日本のサイトとして歴史的な事例。 今までも90sデザインを上手くモディファイしたものはあったけど、大手でここまでストレートに狙ったのは初めて見た。
Tweet media one
Tweet media two
1
78
964
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
●マルチタスク処理の基本 1.自分がやらないといけないことを全て書き出す →小さい作業でも全部書き出すのが大事 2.5分以内で終わるものは即終わらせる →重要度の大小関係なくすぐ終わるものはすぐ終わらせる。 3.全てに期日を設ける →聞いてないものは進んで確認する 4.優先度順に対応する
3
110
962
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
みんな言わないから私が言う。 PC向けのホムペ制作はオワコンだ。間違いない。必要とされなくなってきている。 作るなら超ハイクオリティまたは超コンバージョンのしか残らない世界に来てるんだよ。 もう10年前ではない。 それが現状だ。 今年がエックスデーなんだよ。
1
83
953
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
できたよお母さん、、、僕が目指すyoutubeが初めて、、、(7時間かかった 【サイト分析】ZOZOのスマホUIをWebデザイン15年のプロが超分析します。【Webデザイナー必見】
Tweet media one
4
94
939
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
10 months
デザイナーに最も必要な能力だと思うのはセンスでも完璧主義でもなく認知的柔軟性。あまりこの言葉や概念は広く知られていない。 ⚫︎認知的柔軟性とは
2
117
925
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
5 months
今めちゃくちゃ面接やってるんだけど、 凄いなって思う人は圧倒的な準備と確固たる熱意で 我々に「選ばせに」やってくる。
1
68
884
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
K-POPのLE SSERAFIMというアイドルのブランディングが 世界3大デザイン賞の内の2つ 「Red Dot Design Award 2022」 「iF DESIGN AWARD 2023」で ブランドコミュニケーション部門で賞を獲得している 新譜はNile Rodgersとコラボ あまりにも興味深い(まだ考察できてない
1
120
878
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
8 months
震え上がるほど制作物のレベル高い。 「メ〜テレ」の採用サイトとか、INTLOOPはここが作られていたのか、、、! セルインタラクティブ(@横浜)
Tweet media one
Tweet media two
2
62
881
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
デザイナーになるには学歴とセンスも必要なく始める年齢も関係ありません。 そうだと思う、でもみんなここまでしか言わない。 この先は、 何年も継続して自発的に勉強する強い意志と、失敗できない責任感ある事やりますと言える勇気と、誰よりもデザインが好きな気持ち。 これが必要、簡単じゃない
1
102
868
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
うちの会社は採用で不採用であっても、今後の活躍をお祈りするのではなく「また機会が合えば半年後でも数年後でも応募してくださいね」と伝えるようにしてる。 小さい会社の場合、空いた枠によってその時求める人物像との兼ね合いが大きく、タイミングの問題が大きい。本心で何度でも応募してほしい。
1
68
864
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
超いい記事。 どの業界でも必要とされるポータブルスキル 人類社会には最高にホットな対人エクストリームスポーツ「言った言わない」が存在します。雑に説明すると言ったか言っていないかを交互に投げつけ合う責任と瑕疵のドッジボールとも呼べる競技です この辺りでわろたw
0
85
857
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
6 months
去年の今頃ムーテレで最強の独学方法として、継続こそが全てみたいな話をしたんすよ。 まだ続けてる人がたった1人だけいて、 マジで天才かよってなってる。 やる人はやる。かっこええ。
Tweet media one
@aya_des05
ayaka
6 months
𝚍𝚊𝚢𝟹𝟻𝟿
Tweet media one
2
15
658
4
66
834
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
プログラミングっぽい本だけど、全く違って、デザインで綺麗に見える比率をひたすら説明してる本。 デザインレビューでなんかバランスが悪いって言われる人は良いヒントになるから、おすすめ
Tweet media one
1
74
832
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
タイトルの強さがh2-h4になっていく事により、タイトルサイズを徐々に小さくするのはよく知られている。 しかし経験が浅いデザイナーの場合タイトルサイズは変わっているのに付随したマージンの間隔が一定だという事がある。 これだと複合的に組み合わせた時、 情報の塊が見えにくく綺麗に見えない。
Tweet media one
0
82
816
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
「ゲームは序盤はとても面白い。自分が強くなる実感が得られるし、新しい世界が次々に広がっていく。ところが、中盤を経て、終盤になると、とたんにゲームはつまらなくなる」 なぜ35歳を超えると頑張らなくなるのか。それはロールプレイングゲームの終盤と同じだから。
4
119
811
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
最高効率を出すタスク処理、 優先順位づけの目安 ・10分以内に完了→今すぐやる ・30分以内に完了→今日中にやる ・1時間以内に完了→明日中までにやる ・1日以内に完了→2週間以内にやる。やる日を決める ・すぐにやる価値のないもの→「やらない」と決める #時間最短化成果最大化の法則
2
82
801
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
5 months
マイナビさんから 新書をたまたま献本いただいたのだけど、 日々SNSで討論される様々な 「制作現場あるある」の答えを用意してくれている本で、 新人に最初に渡す本としてかなり良さそう。 ⚫︎デザインのしごと100の質問
Tweet media one
Tweet media two
2
101
804
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
10年前からくらい保存した画像で元ネタは忘れたのだけど、こういう光の描画コントロールを知識として知っておくと •光源を意識して自然なハイライトとシャドウをつけるとき •作り込みを上げるとき この2つの作業時指標となるので覚えておくと徳な事多い
Tweet media one
1
83
770
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
中小企業に入るとき面接で必ず聞いたほうがいいのが ・心理的安全性向上に関するルールや活動 ・中長期的な事業成長戦略 ・給与査定の運用ルール この三点。 ズバッと納得感ある答えを用意していたら相当いい中小企業だと思う。
1
57
741
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
ちなみにトレース課題のエクストリーム難易度だとこんな感じ。 イラレを普段からゴリゴリ使ってる熟練グラフィックデザイナーができるレベル。ちなみにワシにやれと言われたら相当調べながらじゃないとできない。 このくらいサッと再現できたら本当自由な翼があるくらい色んなデザインが作れると思う
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
49
731
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
6 months
可愛い嫁が本日可愛い子供を産んでくれたので、まずはその感謝と、この子には世界はクソで満ちているけど、クソかどうかはお前自身が決めろと大事に育てます。 名前はまだない。
Tweet media one
52
3
718
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
新しい技術をマスターする為には 兎にも角にも習慣化。 これ以外ない。 1.量より頻度、週4目標 2.目標として60日超えを目指す 3.ちょっとサボってもリカバリする 4.固定化、省略化、可視化 5.先週の自分を超える
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
98
701
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
このサイトの何がやべえって ●キービジュアルにお客さんを出すことで圧倒的なカスタマーサクセスをデザインで解決してる ⇨実現難易度高い ●スライダーインジケーターの停止ボタンをつけてる ⇨ユーザビリティの基礎の徹底 ●問い合わせのロールオーバー ⇨まじか この辺りでスッと閉じた
Tweet media one
Tweet media two
1
37
701
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
キービジュアルのデザインを組むときよくやるんですが、こういう「黄金螺旋」の比率を意識すると余白がデザインできるようになってきます。
Tweet media one
@sinyashikiakhr
新屋敷🥞デザイナー🍭
1 year
トレースしてたんですが、ホワイトスペースの使い方の勉強になりました。
Tweet media one
0
2
35
3
43
686
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
確実に覚えるべき ニールセンのユーザビリティ原則 1.ステータスの可視性 2.現実世界とシステムの一致 3.操作の主導権と自由 4.一貫性を維持しつつ一般的 5.エラーの防止 6.覚えていなくても見て分かる 7.柔軟性と効率性 8.シンプルで美しく 9.エラーを認識、回復できる
2
75
682
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
6 months
企業やサービス、商品などの優れたキャッチコピーを集めたサイト。ここまで集まっているサイトはじめてみた。めちゃくちゃ良い。 ⚫︎きゃっこぴ
0
106
687
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
5 months
あした丁寧にみる 旧Twitter社が「バズる」ツイートの法則を徹底的に統計解析して168ページもの資料にした代物、SNSマーケティングやってるプロが全員廃業するレベルの優良資料だった
1
62
686
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
10 months
新apple製品の全LPが先進的な演出の見せ方ではなく、アクセシビリティを優先したぺージになっている。これは僕が記憶している中では初めてで何か大きな転機な気がしてならない。 自動再生スライダーに「再生」「止める」をわかりやすく設置していることにアクセシビリティ優先の意思を感じる
2
99
679
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
4 months
デザイン上手くなりたいって思っている未経験デザイナーに教える「これやってリスト」 ⚫︎地道な継続の見える化(アウトプット優先 例) ⚫︎自主制作をたくさんやる(たくさん作る 例)
2
91
673
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
クソダサいデザインができる理由は、 ・何も参考にしていない ・参考自体がダサい この2つの場合が多いので、どのデザイン会社でも部下にデザインを作ってもらう��どの場合「リファレンス」「ベンチマーク」「参考」を集めてもらって大きくズレがない確認をしてから作ってもらう事が多い。と思う。
2
49
668
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
デザイナーの教育に最も必要なのは、 優れたデザインロジックや基礎ではなく、 「自分の子供のようにこだわって作ったものを第三者に素敵だねと言われることの楽しさと嬉しさ」 を経験を持って感じて貰う事だと思う。
0
48
656
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 months
GW休みすぎた⁨人のためのGW中の注目デザイン界隈の話題5選 ⚫︎デザインシステム102: デザインシステムの構築方法 ⚫︎雑誌からデザインを学ぼう ⚫︎デザインスキルを上げるならこれを読むべし!基本の人間工学記事 3選
Tweet media one
0
62
652
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
4 months
デザイナーになりたての頃、先輩に「金作れる?」って聞かれたことがあってこれは金が表現として難しいことに起因している ・黄色の色相(緑でも茶色でもなく絶妙な黄色) ・ノイズムラ(ランダム感) ・グラデーション(直線的ではない感じ) このあたり丁寧に作らないと金にならない
@IwamatsuShota
岩松翔太|M-HAND, Inc.
5 months
グラフィックはゴールド🏅 スクエアバナーもあります...👀 お気軽にご参加ください🙇‍♂️ <お申込みはこちら>
Tweet media one
0
0
65
2
44
650
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
5 months
2023年めっちゃ良いと思ったサイト7選、その1。 ⚫︎関西編集保安協会 デザイナーとして「〇〇ならではの表現」 というものを追求するべきだと常日頃から考えている中で、 このサイトは編集者に フィーチャーしたWebサイトでしかできない表現が
Tweet media one
0
34
644
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
デザイナーってワラシべ長者みたいなもんで、どんな凄い実績を持ってる人でも最初はバナーとか孫請とか超下請けから初めて、少しずつ、良い実績からもっと良い条件や内容の仕事を獲得していったのは間違いない。 社内でも全く同じことが言えて、チャンスは準備された人にしか舞い込まない。
1
31
631
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
このサイトの一覧の段階で、項目がビジュアルスライダーになってて、一覧上での情報量が多くて超良い。 youtubeで一覧でマウスを乗せるとその動画のプレビューが見るみたいにクリックの必要がない「話が早い」UIで好き。
0
38
615
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
大量のケースからAIで算出したペルソナが好む配色です。って説明はある程度納得感あるのでコレは使えるかもしれない。 「キーワードからAIで配色を生成できるツールcolor magic」
1
82
605
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
7 months
デザイン基礎とユーザビリティの基礎を合体させて、わかりやすく具体的に良い例と悪い例を紹介してくれてて名作と呼べる最高の記事。 Webに関わるプロであれば3年目くらいまでにこの辺りは完璧にどの職種でも知っておきたい。 【閲覧注意】イライラ不可避なUIデザイン10選
0
60
593
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 month
これゴール設定、ディレクトリマップ、ワイヤーフレームあたりまでしっかり作らせたんで、架空サイト作りたい未経験の方参考にして貰えたら幸いです!
Tweet media one
Tweet media two
Tweet media three
Tweet media four
@kinomi_design
kinomi@きのみデザインFM
1 month
◉未経験者が制作会社に通い詰めて架空サイトを作った話 こちらの投稿にたくさん反響を頂きありがとうございます😭 今回の制作についてnote投稿しました!ディレクションからデザインと大ボリュームですべてまとめています! 読んでいただけると嬉しいです🙇🏻���♀️
Tweet media one
0
51
501
2
42
593
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
奥がゆっくり、手前が早く。 これが視差効果でありパララックス。 奥行きを出す自然の法則。 添付がその構造が、最高にわかりやすい例。
6
25
574
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 month
日本人デザイナーがあまり知らない欧米で超人気のWebデザイン、UIデザインメディア8つ。最近の翻訳は性能が高いので(特にDeepL)、日本のメディア同様に普通に読めます。 ★Smashing Magazine
Tweet media one
0
49
579
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
10 months
未経験の採用面接を沢山やってポテンシャルの見極めについて色々考えてたんだけど、この辺りの資質がいわゆるクリエイターのポテンシャル、才能なんじゃないかと思う。 ⚫︎知的好奇心が高い
2
57
578
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
クリエイティブは3つの構成要素で作られてる ・誰(どんな人)に」 ・何(どんなこと)を」 ・どう(どのように)」伝えるか 故にデザイン分析するとき ・誰のために(ターゲットの裏読み ・何を伝えたいのか(目的の裏読み →結果この表現なのか これを思考する癖がつくと自分がやる時引き出し増える
1
46
569
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
解像度が低い画像を AIで高解像度化させるフリーソフト4つ NiceScaler Scapix Upscayl Video2X
0
69
572
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
フリーランスで成功するには、 皮肉なようだけどフリーランスと思われないようにするというのが超大事。 屋号をつける、ウェブサイトをちゃんと作る、オフィスを借りるなど、会社風に見せる努力は安心感を与えるために有効です。 フリーランスに見えすぎると、フリーランス用の仕事しか相談がこない
0
41
561
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
昨日イベントで「どういうデザインが良いデザインだと思いますか?」って聞かれた答え、 うちの会社のサイトに昔ガッツリ書いてた。 この6つすべて同時に実現させる事だと思います。 #前田デザイン室 #前デ定例会
Tweet media one
1
59
543
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
2 years
Awwwards、CSSDA以外で秀逸なWebサイト作例をまとめてくれている、Webデザインギャラリー7選
Tweet media one
Tweet media two
Tweet media three
1
53
537
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
11 months
デザインとか提案書作ってるとき「考える」と「悩む」の違いで自分を観測すると少しづつ進みやすい。
1
63
540
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
かなり専門的な解説がされてて 超勉強になる ・欧文の小文字は文字間をあけてはダメ ・「:」コロンと「;」セミコロンって何? ・欧文の常識「合字」 ・欧文で「〜」は使いません ・ハイフンとダーシの話 ・頭字語の2種類の違い ●欧文のルール|デザインを語るひと
0
62
532
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
ユーザーのニーズを理解するためにペルソナってよく作られると思うけど、人物像を細部まで設定しても、正直真のニーズまで仮説が立てにくいと思ってたんだけど「共感マップ」を併用するとかなり良さそう。 ⚫︎共感マップとは
Tweet media one
0
57
534
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
10 months
デザイン的に日本の国旗はやばい。 形状として円という形は形の中で一番安定感がある最強の形。赤という色は勝利や愛を感じさせる一番強さを感じさせる色。 この申請したのが一番最初に申請したんじゃないか?って思うほど、贅沢な組み合わせ。
Tweet media one
5
31
523
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
出来ないのではなくて試してる回数が少なくて、チャンスがないのではなくてリスクを取ってないだけで、受け入れられないのではなくて正しく伝わってないだけで、時間が無いのではなくて作ってないだけで、自信がないのではなくて準備が足りない。 とか考えながらデザインしてる。
4
66
516
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
4 months
最近のデザイントレンドで言うとブルータリズムは確かに流行りの絶頂を迎えてるように思う。 大きな流行りがあるものは、わかりやすい廃れがあるということを忘れてはならない。 ※添付みたいなもの ●無骨で大胆!「ブルータリズム」ってどんなデザイン?
Tweet media one
0
48
523
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
3 months
「英語のタイトルとかナビとかわかりづらくね?」ってことで弊社QUOITWORKSサイトを潔く全面的に日本語にしました。十分にこれでもかっこいい。デザイン会社のサイトはわかりにくすぎる。
Tweet media one
Tweet media two
Tweet media three
3
38
501
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
デザインの説明が上手くなる方法 <方法> 常日頃から目に触れるデザインが何故良いとされ採用されたのか背景を3つ仮説立てる訓練をする <理由> 物事を多角、多面的に分析できる習慣ができる <結果> 自分の作るデザインを多面的に評価、自問自答でき説明がうまくなる #マッキンゼー式
0
50
488
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
8 months
昨日の登壇の資料なんだけど、 figmaで作ると動画をいくつも簡単に埋め込めるので、1段階レベルが高い華やかさがあるプレゼンができる。 ・始める前もショー演出の一部になる ・共有も簡単でフォントも崩れない ・ここでblenderが効いてくる ・sns宣伝も動画流用できる
1
28
491
@muuuuu_chang
ムラマツヒデキ🍣クオートワークス
1 year
Stable DiffusionでAI描画をちょっと調べてたんだけど、超低解像度をAI描画の補完でいかようにもできて仕事で普通に使える。 人の顔だと少しツルッとしすぎて違和感あるけど、顔以外であれば全然違和感なくて8倍くらいの解像度にすることができる。 ←after  before→
Tweet media one
Tweet media two
1
37
483