LIGブログ編集部です。日々トレンドが移り変わるWeb業界。みなさんはどのように情報をキャッチしていますか?
今回はLIGデザイナーに聞いた、Webデザインの勉強やデザインのトレンドキャッチに役立つSNSアカウント(Twitter・Instagram)をご紹介します。
- 独学でつまずいていませんか?
- Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。
目次
Webデザインの参考になるアカウント
Web界の3大デザインアワードといわれる、「CSS Design Awards」「FWA」「Awwwards」のアカウントをご紹介します。
CSS Design Awards(@cssdesignawards)
国際的なWebデザインアワード「CSS Design Awards」の公式Twitterです。毎日受賞したWebサイトデザインを見ることができます。写真を使ったサイトの効果的な見せ方、美しい見せ方などの参考になります。
Website of the MONTH is dnlsptzk IV
by Daniel Spatzek @dnlsptzk & Spatzek Studio
Congrats!! 👏👏👏https://t.co/zWO9Bfkw5p
Thanks judges! 🙏#webdesign #webdev #cssdaWOTM #CSSDesignAwards pic.twitter.com/lxOZFSJt1C— CSS Design Awards (@cssdesignawards) July 11, 2022
https://twitter.com/cssdesignawards
awwwards.🇺🇦 #StandWithUkraine(@awwwards)
こちらも世界的Webデザインアワード「Awwwards」の公式Twitter。毎日受賞したWebサイトデザインを見ることができます。新しい表現やUIの参考になります。
Dgrees Studio by @DgreesStudio wins #SOTD
We are a digital innovation studio that leverages on design as a tool to create a connection between art, culture and people.
↳ https://t.co/2xFkasiQq4 #webdesign #wordpress pic.twitter.com/prR6VFnCq9
— awwwards.🇺🇦 #StandWithUkraine (@awwwards) July 14, 2022
FWA(@fwa)
権威あるWebデザインアワード「FWA」の公式Twitter。Webサイトに限らず、すべてのデジタル媒体が受賞の対象となっています。Webサイトの枠にとらわれないデジタルアートの参考にどうぞ。
New FWA submission: NBA x Google Pixel Arena https://t.co/sHy5kCwuEz by Google, Jam3, NBA (National Basketball Association) #thefwa pic.twitter.com/tM5NbmExVs
— FWA 🏅 (@fwa) July 12, 2022
モーションの参考になるアカウント
人物やモノの動き、エフェクト、アニメーションなど、モーションデザインの参考になるアカウントをご紹介します。
Alex Kunchevsky(@kunchevsky)
イラストレーター&デザイナーのAlex Kunchevskyさんのアカウント。iPadのアプリ「Procreate」を使用した自身のアニメーション作品を紹介しています。
Autumn leaves 🍂
My second animation that I did in new Procreate 5! #Procreate #procreate5 #speedpaint pic.twitter.com/YCdt6TGP6p— Alex Kunchevsky (@kunchevsky) October 19, 2019
https://twitter.com/kunchevsky
謎のアニメ団展示館(@Nazoani_museum)
アニメーター・謎のアニメ団さんが制作した、オリジナルのアニメーション企画の動画、イラスト、デザイン、制作素材が紹介されています。少年少女を中心とした青春を感じるアニメーションで、人物の動きの参考になります。
— 謎のアニメ団展示館 (@Nazoani_museum) September 22, 2021
https://twitter.com/nazoani_museum
DeeKay(@deekaymotion)
韓国在住のアニメーター・DeeKayさんのアカウントです。2Dのゲームチックなテイストが特徴のアニメーション作品が紹介されています。キャラクターのコミカルな動きは見ていて飽きません。 1億円を超えるNFTアート作品を持つ人気クリエイターです。
who's got the new walks today? 😍 pic.twitter.com/RlUkeiONy8
— DeeKay (@deekaymotion) July 10, 2022
https://twitter.com/deekaymotion
イラスト・ロゴデザインの参考になるアカウント
ア・メリカ(@amelicart)
フリーランスイラストレーター・ア・メリカさんによる、「主線なし」が特徴の絵本タッチのイラスト作品が掲載されています。見ているだけでほんわかする、イラストの参考におすすめのアカウントです。
— ア・メリカ@絵本6.16発売 (@amelicart) June 2, 2022
オビワン(ob1)(@ob1toy)
グラフィックデザイナー・イラストレーターのオビワンさんのアカウント。ご自身のイラストやロゴデザインの作品を紹介しています。レトロかわいいの参考にどうぞ。
残念でした、
制作してるのは
オッサンです。 pic.twitter.com/t5yfo1WNSw— オビワン(ob1) (@ob1toy) July 14, 2022
nemo_slow(@NemoSlow)
グラフィックデザイナー・アートディレクターのnemo_slowさんのアカウントです。ご自身が制作したロゴや作字、グラフィックデザインを掲載されています。ロゴデザインの参考におすすめです。
楽しい夏になる予感なスイカ農園。 pic.twitter.com/T2C7Wxb3WN
— nemo_slow (@NemoSlow) June 7, 2022
UI/UXの参考になるアカウント
見た目の美しさだけではなく、使いやすさやユーザー体験に貢献するUI/UXの考え方の参考になるアカウントをご紹介します。
sogitani / baigie inc.(@sogitani_baigie)
アプリUIに強みを持つBtoB専門の制作会社ベイジの代表・枌谷力さんのアカウントです。ベイジ社の取り組みなどの情報発信をとおして、ブランディングやマーケティングをはじめデザイナーに必要な知識を幅広く得られます。
久しぶりに2万6千字超えの大作書きました。BtoBにおけるブランディングについて、基本的な概念の理解から具体的な効果まで、様々な見解と私見を交えながらまとめてみました。ブランディングどうしようと考えてるBtoB界隈の方々にお読みいただけると幸いです。https://t.co/OB4VbZLiUB
— sogitani / baigie inc. (@sogitani_baigie) June 20, 2022
https://twitter.com/sogitani_baigie
こちょう / baigie inc.(@kocho_katsuhiko)
株式会社ベイジの執行役員兼コンサルタントのこちょうさんのアカウントです。UIのトレンドや業務改善に役立つツイートをされています。
ウェブUIと心理学の関係が語られる書籍などが増えましたが、実際の使いどころや応用できるシーンを網羅的にまとめたものがあると、より便利だと思い執筆しました。ぜひ実際の業務に役立てていただけると嬉しいです。
UIデザインのための心理学:33の法則・原則(実例つき) https://t.co/eenpIXUnnv
— こちょう / baigie inc. (@kocho_katsuhiko) March 28, 2022
https://twitter.com/kocho_katsuhiko
UI/UX/Webdesign Inspiration(@interfacely)
最新のUI/UXをたくさん紹介している海外のInstagramアカウントです。隙間時間で眺めるだけでも、よいインプットになります。
https://www.instagram.com/interfacely/
デザイントレンドを追えるアカウント
Webデザインに限らず、話題のアートや広告コピーの参考になるアカウントをご紹介します。
Dribbble
アメリカ発のデザイナー向けSNS「Dribbble」の公式Twitter。世界中のクリエイターのハイクオリティな作品が紹介されています。
Nike Gear Logo by Familybusyness – https://t.co/bvzUsuNQbO#logo #logoinspo #designinspiration #dribbble pic.twitter.com/11f1gvMzyX
— Dribbble (@dribbble) September 4, 2021
萩原幸也 ®️(@onipro)
リクルートグループのコーポレート、サービスのブランディング、マーケティングを担当する萩原幸也さんのアカウントです。「好きなものを紹介していく。」というプロフィール文のとおり、世界中のデザイン・アートのユニークな事例が、萩原さんの感想とともに紹介されています。流行りものをキャッチアップしたい方におすすめです。
円筒形の鏡を使ったアナモルフィック。ハンガリーのアーティスト、イシュトヴァン・オロスの作品。
— 萩原幸也 ®️ (@onipro) July 14, 2022
IDEAFUL 嫉妬レベルの世界のアイデア(@ideafuls)
世界中のクリエイティブのアイデアを紹介してるアカウントです。デザインの考え方や切り口の参考になります。
オランダの自転車ブランドVanmoofは、配送時にやや雑に扱われてしまうことから毎週数千ポンドの損失が出ていたが、精密機械のフラットテレビのようなパッケージに変えた途端、お悩みが一気に解決したそうです。これぞデザインの力。https://t.co/24nZcg3dHL pic.twitter.com/x6Qwp1ZRPS
— IDEAFUL 嫉妬レベルの世界のアイデア💡 (@ideafuls) July 14, 2022
ことばと広告(@kotobatoad)
文筆家・コピーライターの方が、気になる広告コピーを中心に紹介しているアカウントです。こちらもさまざまな切り口の参考にもなりますし、話題になっているメッセージに対して人々がどのような反応をしているのかの参考にもなります。
図書カードの広告、好き。 pic.twitter.com/fDaR3MH0j1
— ことばと広告 (@kotobatoad) June 16, 2022
https://twitter.com/kotobatoad
デザイン研究所(デザ研)(@designkenkyujo)
世の中に流通しているデザインを分析・解説していたり、デザインの小技やトレンドを紹介していたりしています。気軽に見れて、すぐに活かせるような内容の投稿ばかりです。
https://www.instagram.com/designkenkyujo/
Photoshop/IllustratorのTips系アカウント
パパ📦Photoshopダンボール(@StudioT_ppp)
映像・グラフィックのフリーランスとして活躍されているパパさんのアカウント。「こんな機能あるの!?」と思うようなPhotoshopの使い方が紹介されています。動画でわかりやすく解説されており、同じくPhotoshopのTipsを紹介しているYouTubeチャンネル「おとうさんスイッチ」も人気です。
Photoshopで合成するときトーンを馴染ませるのに役立つ「カラーの適用」をやってみました。
似たような名前の機能が多いので毎回ニアピンで間違えそうになる僕です。#Photoshop pic.twitter.com/xqaKKIxAXb
— パパ📦Photoshopダンボール (@StudioT_ppp) July 14, 2022
https://twitter.com/studiot_ppp
Mr.Creative.Edge – Art & Design(@commonstyle)
Adobe Community Evangelist(Adobe公認のクリエイター)であるインストラクショナルデザイナー・境 祐司さんのアカウントです。PhotoshopやIllustratorをはじめとした、Adobe製品の使い方やコツを紹介しています。初心者から上級者まで役立つ情報が満載です。
Re:
初心者でも簡単にできるPhotoshopの古典的な「霧」のテクニックです霧レイヤーの拡大率で見た目がかなり変わります#Photoshop
pic.twitter.com/oSK4m9dJJk— Mr.Creative.Edge – Art & Design (@commonstyle) July 13, 2022
https://twitter.com/commonstyle
大谷キミト / ビジュアルデザイナー / レタッチャー(@niepce356)
レタッチ専門事務所NORD WORKS代表・大谷キミトさんのアカウントです。Photoshopでのスゴ技レタッチは必見。 見ていて楽しいビフォーアフターや目からウロコのレタッチTipsを紹介しています。
レタッチメイキング https://t.co/XBVoxdIEps pic.twitter.com/oCmjTBal67
— 大谷キミト / ビジュアルデザイナー / レタッチャー (@niepce356) March 3, 2021
イラレ職人 コロ(@coro46)
Adobe Illustratorのチュートリアルをつくる犬こと、イラレ職人 コロさんのアカウントです。Illustratorでできるさまざまな表現を、短い動画でわかりやすくまとめています。
テクスチャ素材を使わずに擦れた質感を出せます#本日のイラレ #Adobeillustrator
よくできましたスタンプのつくりかた pic.twitter.com/AmMdXpUJB5— イラレ職人 コロ (@coro46) July 11, 2022
初学者向けのアカウント
デザイン勉強中の方におすすめの、デザインテクニックを中心に発信しているアカウントをご紹介します。
カトウヒカル@バナーデザインのきほん著者(@design_hikaru)
kanvasのWebデザイナー・カトウヒカルさんが、バナーをはじめとしたデザイン初学者向けの情報を発信しています。「こんなことができるのか」と学びの多いアカウントです。
【キラカード風文字の作り方】
①太いゴシック体で書く
②ドロップシャドウで立体感
┗シャドウ内側でハイライト
③ドロップシャドウの重ねがけ
④グラデーションでキラッと
⑤パターンでキラッキラに pic.twitter.com/7YgqwPG9gr— カトウヒカル@バナーデザインのきほん著者 (@design_hikaru) July 10, 2022
https://twitter.com/design_hikaru
ナナ👀デザナビ|デザインを図解で解説(@wkwdesigner)
初心者向けのデザインテクニックやデザインのポイントを図解付きで解説しています。初学者だけでなく、現役デザイナーの参考にもなる情報が得られます。
文字に少し質感を出したいときの加工アイディア👀 pic.twitter.com/l5SwFfJcEj
— ナナ👀デザナビ|デザインを図解で解説 (@wkwdesigner) July 6, 2022
https://twitter.com/wkwdesigner
エスdesign | 使えるデザインテク解説(@dezaeru)
Webデザイナー・エスdesignさんのアカウント。バナーデザインをする上での情報整理やテクニックなど、初学者向けの役立つTipsを発信しています。
僕がアイキャッチをデザインをする時の手順です💡
今回はラーメンVerです🍜この手順通りにデザインすれば、
確実に、良いデザインになります!画像を参考に、是非試してみてください📌
手順さえ覚えれば、簡単にデザインできます!
デザインは手順が大事です❗️#webデザイン#Web制作 pic.twitter.com/VIGpKJQQiB— エスdesign | 使えるデザインテク解説 (@dezaeru) July 5, 2022
その他お役立ちサイト
Designeour(@designeour)
デザインに役立つさまざまなツールを紹介している海外のアカウントです。有料のフォントやテクスチャ、イラストパックなど幅広く扱っています。珍しさを求める方におすすめです。
Foil #Shapes and #Textures By: Inartflow https://t.co/yiC6BBFUin pic.twitter.com/kuStoctReH
— Designeour (@designeour) July 7, 2022
https://twitter.com/designeour
今回は以上となります。気になるアカウントはありましたか? おすすめがあればまた更新していきますね。日々デザインに携わるみなさんの参考になれば嬉しいです。
プロからWebデザインを学びませんか?
「プロから学びたい」、「未経験だけどクリエイティブな仕事がしたい……」という方は「スクールでの勉強」もおすすめです。
デジLIGでは、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴! ぜひ一度詳細をチェックしてみてください。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。