[ 文字装飾の流れ ] バナーやサムネイルで文字を装飾するとき、こんな流れで作ってます。 ①助詞を小さく ②サイズでメリハリ ③調整と装飾 初めから装飾を意識するとバランスの調整が難しいので、まずはモノクロで進めるのがオススメです🙌 #1on1レッスン pic.twitter.com/tbskFxaL3U
2020-09-07 12:00:21[ フォント選び ] 僕がよく使っているフォントはこの2つです。 ① Noto Sans CJK JP ②ヒラギノ角ゴシック どんな雰囲気にも合って、ウェイト数も多いので変化を出しやすいです。 まずはこの2つで組んでみて、後から別のフォントに差し替えると、複数案の展開も作りやすいです✨ #1on1レッスン pic.twitter.com/qYFJ1jKqlZ
2020-09-02 12:00:30[ 個人的な及第点 ] 僕がデザインするとき、この3点をクリアする努力をします。 ①整理整頓 ②違和感が無い ③メリハリ 要望によっては賑やかさが必要だったり他の注意点もありますが、全体を通してこの3点は意識しています。 #1on1レッスン pic.twitter.com/7FU5B1z4mk
2020-09-01 11:49:02こんにちは🌞 デザインレビュー&ブラッシュアップの時間です🕛✨ (左:Before/右:After) 〜良い点〜 ・雰囲気が抜群 ・印象が良い 〜改善点〜 ①商品の視認性 ②キャッチコピーのサイズ ③商品名の配置 #1on1レッスン pic.twitter.com/iKcgl4dDyj
2020-08-30 12:00:33代表と、デザイナーが稼ぐには?って話をしてたんだけど、 大体の職種で ・有名になる ・マネジメントにまわる ・横展して売れるものをつくる が稼ぐ方法で、下2つの選択肢はデザイナーから遠ざかるねってなって、現状から発展がなく話が詰んだ
2020-08-28 21:25:091ヶ月これやったらたぶんデザイン上手くなると思うやつ(初学者〜経験1年くらい向け?) pic.twitter.com/nsEhh4YV6q
2020-08-28 13:25:34[ 文字の変化 ] 文字の調整だけでも、変化を与えることはできます。 ①サイズの変化 ②ウェイトの変化 ③字間・行間 実際は写真や図形でのレイアウトや、配色やあしらいで印象も変化しますが、まずは文字の調整が大切です✨ #1on1レッスン pic.twitter.com/QzCfgop6Np
2020-08-28 12:50:17[ 言葉でうながす ] CVエリア付近では、ユーザーへ後押しの一言があるとハードルが下がるかも… ①案内する ②感情に訴える ③売り込む どんな言葉で促せば、ユーザーはスムーズに申し込んでくれるのか…? 相手の気持ちを想像してみる…🤔 (やり過ぎは逆効果です🙅♂️) #1on1レッスン pic.twitter.com/g3wagPNWJh
2020-08-26 12:00:42[ イメージが湧かないとき ] デザイン作業を始めたけどイメージが湧かないとき、こんな事してます。 ①参考を見る ②作業を分解する ③相談する 特に③の相談するのが大切ですが、聞き方を間違えると混乱したり…汗 一番はヒアリングでイメージが湧くまで質問する事かも…🤔💭 #1on1レッスン pic.twitter.com/oBEzQsD9Em
2020-08-21 12:01:53[ 模写トレの方法 ] 僕の模写トレーニングは完全な再現を目指さず、自分にできる範囲で真似します。 ①隣に並べてトレース ②スポイトは使わない ③重ねて答え合わせ 最近はやらなくなりましたが、模写は自分の感覚を高めるのに効果的なトレーニングです🙌 #1on1レッスン pic.twitter.com/oT7XeZTlVI
2020-08-18 12:01:01[ デザイン作業の下準備 ] デザイン作業で手を動かす前に、まずは下準備を行います。 ①与件の把握 ②原稿をよく読む ③優先順位を決める 僕はざっくりこの3段階で下準備を進めてから、Photoshopなどでビジュアル化を開始します。 早く進めたくて焦りますがまず頭を整理します。 #1on1レッスン pic.twitter.com/wqGFALQZib
2020-08-17 12:01:23✅Web制作の面倒な作業をラクにするCSS便利ツール59個まとめ こういうツールを有効に活用して、Web制作を楽にしましょう😊 photoshopvip.net/123398 @photoshopvip
2020-07-10 06:19:30[ デザインの配色 4/7 ] ①明度・彩度・色相の理解 ②美しい配色の割合は7:2:1 ③トーンを揃える 配色するコツは、配色のルールをしっかり守る事です🙌 色はデザインの印象を大きく左右するので、うまく調整するとその効果は抜群です✨ #バナーデザイン7つの基本 pic.twitter.com/FPKCbJ9VVh
2020-07-09 11:48:11[ デザインの配色 4/7 ] ①明度・彩度・色相の理解 ②美しい配色の割合は7:2:1 ③トーンを揃える 配色するコツは、配色のルールをしっかり守る事です🙌 色はデザインの印象を大きく左右するので、うまく調整するとその効果は抜群です✨ #バナーデザイン7つの基本 pic.twitter.com/FPKCbJ9VVh
2020-07-09 11:48:11[ デザインのレイアウト 3/7 ] ①意味で形状や位置を揃える ②ブロック感を出す ③背景を切り意味を分ける レイアウトするコツは、意味でまとまりを与える事です🙌 四大原則の近接を行えば、自然に要素はまとまり、周囲にしっかりと余白が生まれます✨ #バナーデザイン7つの基本 pic.twitter.com/MtymF02Z4U
2020-07-08 11:47:30[ デザインのレイアウト 3/7 ] ①意味で形状や位置を揃える ②ブロック感を出す ③背景を切り意味を分ける レイアウトするコツは、意味でまとまりを与える事です🙌 四大原則の近接を行えば、自然に要素はまとまり、周囲にしっかりと余白が生まれます✨ #バナーデザイン7つの基本 pic.twitter.com/MtymF02Z4U
2020-07-08 11:47:30[ デザインのリズム 2/7 ] ①横書きと縦書き ②帯やリボン ③吹き出し リズムを付けるコツは、要素それぞれに変化を与える事です🙌 デザインにリズムが生まれると、目が泳がず自然に目線が流れます✨ #バナーデザイン7つの基本 pic.twitter.com/9aKguleTKC
2020-07-07 11:59:44[ デザインのリズム 2/7 ] ①横書きと縦書き ②帯やリボン ③吹き出し リズムを付けるコツは、要素それぞれに変化を与える事です🙌 デザインにリズムが生まれると、目が泳がず自然に目線が流れます✨ #バナーデザイン7つの基本 pic.twitter.com/9aKguleTKC
2020-07-07 11:59:44[ デザインのメリハリ 1/7 ] ①優先度の高いテキストは大きく ②金額や数字は大きく ③単位や助詞は小さく メリハリを付けるコツは、優先度に応じてサイズを変える事です🙌 メリハリが付くと、パッと見で内容がスムーズに理解できます✨ #バナーデザイン7つの基本 pic.twitter.com/bvxyBsU8J5
2020-07-06 11:46:00[ デザインのメリハリ 1/7 ] ①優先度の高いテキストは大きく ②金額や数字は大きく ③単位や助詞は小さく メリハリを付けるコツは、優先度に応じてサイズを変える事です🙌 メリハリが付くと、パッと見で内容がスムーズに理解できます✨ #バナーデザイン7つの基本 pic.twitter.com/bvxyBsU8J5
2020-07-06 11:46:00コロナ禍になる前にデザインしたホテルのロゴ。 創業130年の行橋市の「みやこホテル」 京都(みやこ)と読むので検索されづらいので平仮名に変えるとの事で京の字をマークに残し、和室が売りな事から手拭いなどの柄に展開しやすいデザインとなりました #ロゴマーク (サイトはまだ出来ていない模様) pic.twitter.com/CAF9rkXK9k
2020-07-04 16:42:29残念ながら延期となったモノレール公演「きみをさがして」 個人的に好きなデザインに仕上がり、柴幸男さん作品だったので楽しみにしてた… 少し前に稲垣吾郎さんがラジオで作品に触れてくれたようで、僕のサイトアクセス数が跳ね上がってた… 地方演劇への目の配らせ方も含めて影響力すげーと思った。 pic.twitter.com/XbHs614kU8
2020-07-02 18:13:37✅Web制作の常識が変わる、便利な最新オンラインツール48個まとめ こういうまとめは、制作者としては非常に助かりますね! いっぱいあって上手く活用できるかは分かりませんが、こういうのがあるんだと知っておくと違いますね☺️ photoshopvip.net/123226 @photoshopvip
2020-06-27 06:51:44夜を待つ深い青。淡い夢を見る青。夢から覚める頃に飲んだ夜と朝が溶け合うクリームソーダ。 pic.twitter.com/hXMVfYxwNQ
2020-06-26 23:02:59デザイナー初学者は定期的に今の心境を文章化するのお勧め。 ❶学んだ事(どんな風に勉強したのか) ❷現在分からない部分 ❸分からない所が分かった時、どんな風に理解したのか 記録を取ると自分の成長過程が分かるだけでなく、人に教える時に初学者の気持ちも思い出しやすいから教育でも役に立つ。
2020-06-24 18:07:12最近駆け出しのクリエーターさんの相談にのることが多いのですが、総じて言えることとして、到達点までの最短ルートを求められることが多く、その到達点までの距離が思いのほか遠くにある場合が多い印象。実際のところは、目の前にある小さな壁を順番に潰していかないと、到達点までは到着しないんよ。
2020-06-23 22:58:55最近は閉じられた中で発信することに偏りつつあるのですが、情報発信もオープンとクローズのすみ分けが、ますます大切になってきている気がしています。届けたい人にはちゃんと届けたいので、そうなってくるのも必然。それは情報も商品もサービスもみんな同じなんでしょうね。ちょいと未来形な話です。
2020-06-23 22:44:23今からONLINE上司の中でウェブデザイン課のふとしチーフ(@Futoshi0620)による『webデザイナー必見!!情報収集のテクニックとを情報源のまとめ』が始まります。最終的にはスプレッドシートで共有してくれるそうなので、かなり役立つセミナーになりそう…閉じられた中での情報共有はかなり熱いです。
2020-06-23 20:53:33[中卒からフリーランス] ・17歳 → 高校中退 ・25歳 → 高卒認定取得 ・26歳 → Webデザインスクール ・27歳 → 制作会社入社 ・29歳〜現在 → フリーランス お金の自由より時間の自由が欲しいなら、Webデザイナーは最適かも。 大変だけどやり甲斐はあるし、中卒でも目指せてフリーランスも可能。
2020-06-20 11:14:566月の青といつも心に置いておきたい日本語で 言葉と写真の待ち受けを作りました。 pic.twitter.com/lbzpPHNM1o
2020-06-13 18:58:00デザイナーを目指す人は、ポートフォリオをどう見せるかもデザインしておくと良いよね。 アウトプットを並べた完成型だけでなく、そこまでの過程、思考を綴ったプロセス型の方も用意しておくのがおすすめ。 どんな思考や発想でそのアウトプットにたどり着いたのかをなるべく丁寧に知ってもらう。
2020-06-07 21:04:03よく「綺麗な日本語の本知りたい」とリプいただくのでこの辺りオススメしたいです(自分の作品は意味の部分を独自解釈で編んでいるので悪しからず) ⚪︎ 空の辞典 / amazon.co.jp/dp/4844136615/… ⚪︎ 星の辞典 / amazon.co.jp/dp/4844137034/… ⚪︎ 日本の大和言葉を美しく話す / amazon.co.jp/dp/B07FCB3TWV/… pic.twitter.com/lDAMbieBLR
2020-06-05 12:45:08[僕が情報を集める場所] ➀書籍(技術書) └体系的に学ぶのに最適 ➁ウェブサイト(技術系) └不明な事を調査するのに最適 ➂SNS └新しい事を知るのに最適 ➃ポッドキャスト・動画 └モチベを上げるのに最適 どれかひとつに固執せず、バランス良く情報を得るのが一番いいかなと。
2020-06-02 11:54:37見えない壁に阻まれたように、前に進めない時がある。 ・変化が無い ・成長が無い ・実感が無い 取り組んだ分の見返りは欲しい。 悪い時は必ずやってきて、決めたことを諦めさせようと試される。 無駄に感じるその足踏みも、地面を踏んで基礎を固めてるのかも。 諦めるのはまだ早いかも知れない。
2020-05-27 13:12:06【 HSP診断シート】 一般的に配布されてる #HSP 診断シートを参考に作ってみました。「〇個以上でHSPです」と、シートだけでHSPかどうかを判断するには専門家の方も難しい部分ではあるらしいので、あくまで一つの目安としてチェックして頂ければと思います...。ちなみに私は19個あてはまりました...笑 pic.twitter.com/XyL3WAm4k9
2020-05-17 20:02:23✅ニューモーフィズムをBootstrapで再現!無料UIコンポーネント おー、トレンドのニューモーフィズムがBootstrapで実装出来ちゃうんですね👀❗ @photoshopvip photoshopvip.net/122311
2020-05-15 16:44:05Twitterを例にとった「マーケティング戦略の教科書」の決定版。マーケティングに興味のある全ツイッターユーザーにおすすめ。超面白い! “28日間でTwitterフォロワー5000人達成”マーケティング戦略を徹底解説|きなこ | BtoBマーケター @sooo_hc #note #スキしてみて note.com/sooo_hc/n/nf2c…
2020-05-14 20:31:21「モノをつくる」「サービスを展開する」だけではもう売れない時代。 大事なのはそれを「つくってる理由」「展開している理由」の方。 シンプルにいうなら、背景やストーリーがいかに消費者に共感されるかどうか。 でも、そこまで考えてプロジェクトを立ち上げてる経営者はまだ多くはない印象がある…
2020-05-08 21:02:02【画像をアニメーション化🎞️:#AdobeXD】 楽しげなインタラクティブアニメーションは、見る人を惹きつけます👀 #アイスクリーム 🍦もこんな風に紹介されると、思わずトッピングしたくなりますよね😻 詳しくは👉adobe.ly/35odRrd pic.twitter.com/ABPiG2cBPR
2020-05-08 17:00:12【バナー模写レベル別学習】 Lv.1 フォトショ、イラレの操作方法に慣れる Lv.2 グラデ、文字ワープなど加工方法を学ぶ Lv.3 レイアウトを組む練習 Lv.4 配色のの練習 Lv.5 見本を少しずつ変えてオリジナリティを出す Lv.6 見本の情報整理をして同じテーマでオリジナルデザイン 続く→
2020-05-08 08:50:38フォロワーさんも提供コンテンツも増えたので、改めて自己紹介⭐ 未経験からWebデザイナーを目指す方を応援するメディア「クリ★スタ」です😊 ▼Webサイト crestadesign.org ▼オンラインギルド note.com/cresta_design/… ▼ぺいのyoutube youtube.com/channel/UCKYMH… pic.twitter.com/etk2hjo4lY
2020-05-04 11:52:35[僕のバナーデザインワークフロー] ①依頼を理解 ②画像素材集め ③テキスト入力 ④文字組 ⑤画像切抜 ⑥レイアウト ⑦配色 ⑧あしらい ⑨複数案展開 ⑩提案文作成 人によっては参考サイトを見たり、手書きでラフイメージを作る場合もある。 自分がやり易い方法は、数をこなせば身に付きます。
2020-04-29 13:50:29Webデザイナーを目指す場合の➃は 、「Webサイトを作る」こと。 Webサイトを作る事が楽しめるかどうかを、まず確かめてみると良いかもです。 人それぞれWebデザイナーになる過程は違うので、自分の体験を軸にしながら進むのがベターです。 その自分軸があれば、諸先輩方もアドバイスしやすいです。
2020-04-26 16:34:12DMで相談をもらう時、みなさん共通してるのが[情報を積み過ぎ]かも。 ➀目標を定める ➁情報を調べる ➂準備をする ➃チャレンジする このフローで➁➂に多くのコストを掛けて、➃へ中々進まない、または➃に辿り着いた時に「何か違う」と感じる… ➃を早く体験する方が、実は効率良いかもです。
2020-04-26 16:24:58みんな引きこもってイラレのスキルアップしよう。 毎日順次アップしていくよ。 #みんなでイラレの勉強してようぜ youtube.com/channel/UCEEBi… pic.twitter.com/R5aaHmudqI
2020-04-17 18:42:25