いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ
この記事では、デザイン制作のインスピレーションや参考にしたい、2020年に入って注目を集めている最新ウェブサイトデザイン37個をまとめています。 2019年の暮れに公開されたサイトも含み、多彩なアニメーションや鮮やかな配色カラーパレット、ストーリーテリング手法など注目のスタイルを揃えました。また、高級感のあるサイトデザインが特に多いシリーズとなりました。 いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ Sussex Royal イギリス王室からの離脱や、王室を連想させる「サセックス・ロイヤル」の商標登録など、なにかと話題となっているサイト。閲覧できるのは今のうちかも。 Spotify for Pets 自分の聴いている音楽、ジャンルをもとに、愛犬などのペットに合ったプレイリストを自動生成してくれるオンラインサービス。 Coachella 毎年チケット販売とともに完売の
総まとめ！2019年のすごいIllustratorチュートリアル、作り方厳選50個
Illustratorの使い方の学習に最適なチュートリアル、作り方を当サイトでも不定期で紹介してますが、今年最後となる今回は、2019年のあいだに公開された中で、特に確認しておきたいIllustratorのデザインチュートリアル50個を厳選しています。 覚えておきたい最新デザインテクニックから、従来のツールをより効果的に利用する方法、2020年のグラフィックデザインのトレンドを意識したスタイルなど、デザインの幅を広げるマストなシリーズとなりました。 過去のIllustratorチュートリアル総まとめ 去年までの過去３年間の総まとめエントリーは以下を参考にしてみましょう。これまでにどのようにデザインスタイルが変化しているのか確認してみても面白いでしょう。 【総まとめ】2018年すごいIllustratorチュートリアル、作り方厳選68個 【総まとめ】2017年すごいIllustratorチュ
「お皿」を意識したレイアウトデザイン - Speaker Deck
Transcript ྫ͑͜ͷ͓ࡼʹιʔεΛΓ͚ΔͳΒ ʁ ͬͪ͜ΑΓ ͬͪ͜ͷํ͕όϥϯε͍͍ Ͱɺ ͓͠ࡼ͕ͳ͚Ε ͓͔͘͠ײ͡ͳ͍ ٯʹݴ͑ɺ ʮ͓ࡼ͕͋Δʯ ͓͔͛Ͱόϥϯε͕औΕΔ ࢴͷσβΠϯͷ ʮ͓ࡼʯ ʁ pomme ࢴʹͱͱ ֎͕͋Δ pomme ΣϒͷσβΠϯͷ ʮ͓ࡼʯ ʁ ϒϥβͷʁ Θͨ͜͠Ε ςʔϒϧͩͱࢥ͏ pomme ΣϒσβΠϯͰ ʮ͓ࡼʯ ͔Β࡞Δඞཁ͕͋Δ ྫ͑ɺ ͜Ε͕ ʮ͓ࡼʯ άϦ ο υΨΠ υ͓ࡼΛஔ͘ҹ pomme pomme ಛʹ ʮζϥ͠ʯ ͷσβΠϯͰɺ͓ࡼΛҙࣝ͢Δ ͓ࡼ͕ͳ͍ͱϥϯμϜʹฒ͚ͨͩ ͓ࡼ͕͋Δͱ ʮζϥ͠ʯ ͕Θ͔Δ None ର֯ʹ�͋Εʮ͓ࡼʯ࡞ΕΔ ʮܗ͕มΘΒͳ͍ͷʯ Ͱ͓ࡼΛ࡞Δ αΠΤϯε Ϧ ϯΰͷՊֶ ͦͷൿີʹഭΔ 2019.11.05
Twitterで「1万いいね」以上ついた広告＆デザインと詳細データを全公開します｜INSPI（インスピ）｜広告デザインとアイデアの教科書
2018年10月に「INSPI（インスピ）」のTwitterアカウント（@inspi_com）を開設してから今月でちょうど1年が経ちました。この1年で8万人以上もの方々にフォローしていただき、ただただ感謝の気持ちでいっぱいです。本当にありがとうございます。 このnoteではINSPIの1周年を記念して、過去1年の間にINSPIで紹介した広告・デザインの中で「1万いいね」以上ついた投稿と、そのツイートアナリティクス（各ツイートの詳細データ）を全公開したいと思います。 エンゲージメント率（エンゲージメント総数をインプレッションの合計数で割って算出）などを比較し、各投稿ごとの数値傾向を独自に分析してみると何らかの法則性が見えてきて面白いかもしれません。 またご参考までに、Twitterにおけるツイートアナリティクス各項目の公式の定義を以下に記載しておきます。 インプレッション：ユーザーがTwit
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
Webデザイン100トレース | Hypertext Candy
こんにちわ！最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
Twitterで好評だった手元に置いておきたいデザイン本13選｜上司ニシグチ
みなさま、こんにちは。上司ニシグチです。 こちらのnote記事は昨年末にリリースしたものですが、今年に入ってからもデザイン本をいくつか紹介していますので、改めて加筆（追加）させていただきました。 本当にオススメの本しか紹介しておりませんので、是非お手にとって確かめてもらえると嬉しいです。 「Twitterで好評だった手元に置いておきたいデザイン本13選」と題して、簡単にまとめてみましたので、是非ともチェックしてみてください！ ＊＊＊ − 目次 − ①文字のレイアウトで魅せる広告デザイン ②デザイナーのラフスケッチ デザインのアイデアを形にする過程 ③グッズ製作ガイドBOOK④キャラクターでもっと伝わるデザイン ⑤販促会議SPECIAL EDITION 実際に提案された秘蔵の企画書 ⑥入稿データのつくりかた⑦いとしの印刷ボーイズ ⑧配色アイデア手帖 めくって見つける新しいデザインの本 ⑨パケ
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
イラレ-絵心なくても、デザイナーじゃなくてもカンタンに描ける!？ | DESIGN TREKKER
難しいことをしなくてもイラストは描けます そもそもデザイナーじゃないんで、絵を描くのは難しいんじゃないかなと思っていたり、デザインはするけど、イラストを描くのはきびしい。illustratorでイラストを描いてみたいけど、なんだか難しそう。adobeCCを契約していてPhotoshopは使ってるけど、illustratorはちょっと、ハードルが高そう。と思っていませんか？ そういう人はコンピュータの力を使いましょう。illustratorなら、手書きのように何度も描いたりする必要はありません。どんどん直して調整すればいいんです。昔、習字であとから筆入れして、形を整える裏技使いましたよね？やり直しがきくんです。 illustratorには、ペンで描くような「ペンツール」がありますが、絵心がない人には、一番のハードルになるポイントでしょう。慣れるととても便利なツールなんですが、かなり癖がありま
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
デザインを勉強したいひと向け（表現基礎編） ［一部更新 2022.3.1］｜yoshi_design
年末駆け込みですが第2弾です。デザイン初心者、デザインの基礎を学びたい人向けです。主に表現の基礎をざっと学べる本を選びました。本を読んだだけでは「デザインできる」ようにはなりませんので、わかった気にならずに実際に手を動かして表現してみるのがだいじですね。 本は自分の本棚からピックアップしたのですが、すでに絶版のものも含まれています。古書で買えるものもあるのでよろしければどうぞ（デザイン書って売れないのでしょうか…）。本が古くても基礎的な内容はいまでも通用します。 （以前facebookへ投稿したものをベースに一部、編集してリスト化したものです） ▼鉛筆デッサン：鉛筆デッサン基本の「き」 やさしく、楽しく、デッサンを始めよう 鉛筆デッサンは「描く」トレーニングというよりも「観る」トレーニングです。対象を観察して、自分の身体を通したあと見えたもの感じたものを手と鉛筆を使って紙に定着させる経験が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JRと東京メトロの運休告知のデザイン、何故あれだけわかりやすさに差が出てしまったのか？その考察がおもしろい！
