2019年も様々なデザインのWebサイトが公開され、Web制作者にたくさんの刺激を与えてくれました。 Webデザインを行う上で、トレンドに則ってデザインすることは必ずしも必要なことではありません。しかし、トレンドを理解しておくことでデザインの幅が広がり、様々なデザイン手法を理解しておくことでデザインに深みが出てきます。 2020年は、どのようなスタイルが流行を集めるのでしょうか？今回は、2020年に流行する15個のWebデザインのトレンドをご紹介したいと思います。 NEW : 2021年版を公開しました！ 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWe... Web Desig

前々から書きたいと思っていたことを書こうシリーズ。 それなりの期間、本屋に通い、たびたび地雷をつかみながらも、少なからぬお金を落とし続けてきたなかで、なんとなくわかってきた「グラフィックデザインを練習するための本の選び方」について、書いてみたいと思います。 といっても、ぜんぜん大したことではなく、先に結論を書いてしまうと、 その本はどういう本か 今の自分に必要な本はどういう本か の2点を意識するといいのでは、というお話です。 なお、一応最初に断っておきますと、私は本はたくさんみていますが、その割に肝心のデザインスキルは推して知るべしなので、あらかじめご了承ください。 どこにあてはまるでしょうか 上の図は、本の内容を分類するための補助線として、横軸に「基本-応用」、縦軸に「総論-各論」という線を引いてみたマトリクスとなります。横軸の「基本-応用」は、「理論-作例」と言い換えてもいいかもしれま

元日の新聞に 一行ずつ逆さに読むと 広報担当者に聞きました 株式会社そごう・西武の正月広告「さ、ひっくり返そう。」が、ネット上で注目を集めています。炎鵬関を起用した11行のメッセージで、一読するとネガティブな文章のようですが、下から1行ずつ読むと正反対の意味になるのです。広告の狙いについて広報担当者に聞きました。

オーストラリアのアーティスト「Nick Barclay」の新しいポスターシリーズが、非常に興味深い。彼は世界的に有名な企業やブランドロゴをサンプリングし、限りなく簡素化。おおよその配置とカラーリングのみを残し、文字などの原型はほぼ留めていないので、一見全く別のミニマルなアート作品にも見える。彼は作品について「有名なロゴがどれほど人々の精神に根強く埋めこまれているか。そして僕がどれだけその原型を損なわせても、人々は色と形でその原型を思い起こすことができるかどうか知りたかったんだ」と話している。このスライドの10枚の元ネタ、あなたは一体いくつ分かるだろうか？

B2B企業においてもスマートフォンによるWebサイトへのアクセスが一般化されつつあります。 特にMAツールなどを活用していくとユーザーはオートーメーションメールをスマホで閲覧するなどが主流であり、企業におけるスマホ対策は必須と言っても良いのではないでしょうか。 そのような中で企業各社はスマホ対策に力を入れています。単純にレスポンシブWebデザインでスマホに最適化されていれば「とりあえずは合格」という段階から、一歩踏み込んだ企業が目立つようになりました。 今回はスマホサイトのUI/UX、特に基礎となるメニューに焦点を絞りトレンドや事例について取りあげてみたいと思います。 パソコン中心からスマホ中心へ 多くの企業サイトのスマホ表示を実施してみましたが、パソコンを業務の中であたり前に使っているせいか、なかなかWeb担当者の意識がモバイルファーストに切り替わっていない状況を見かけることもあります。

何でも屋が増えてもスケールしない「UXが付く肩書きがもつ不安感 」という記事で、UX デザイナーが『何でも屋』になっているのでは？という疑問を投げかけました。ひとりのデザイナーとして様々な分野に関わりたいと思うものの、UX の文脈で求められるスキルと知識の幅は広いので、すべてをカバーするのが極めて難しいです。また、ひとりですべてを抱え込むと、組織が求める品質とスピードに応えることができない場合があります。 初期は複数の役割を受け持つことになりますが、プロダクトと組織が成長していかなければいけないときも同じように何でも携わるというやり方が適しているとは限りません。専門性を伸ばしていくことでより高度な提案とアウトプットができますし、互いの弱みを補いながらチームとして動く意味も増していきます。 デザイナーをひとりしか雇えない環境では数多くの分野に精通している人のほうが良いですが、そういう人ばかり

2019年も半分を過ぎたところで、ウェブデザイン最新の動向、トレンドを一度確認してみましょう。 特に2019年は、ウェブデザインで注目したいトレンドが満載となっており、新旧さまざまなトレンドの復活、誕生が今後も期待されています。 この記事では、ウェブデザインの進化に対応する注目すべき最新デザイントレンド19個をまとめてご紹介します。 配色や文字テキストの使い方、タイポグラフィー、インターフェース全般、ボイスコントロール、UXデザインなどウェブデザインに重要な要素が話題のトレンドとなっています。 コンテンツ目次 1. デザインにおける感情 2. 色は多くを語る 3. 客観的なアニメーション 4. 音声コマンドの普及 5. 単一ページへの回帰 6. 非現実なデザインを目指して 7. ビンテージ書体への移行 8. UXに注目がシフト 9. 可変フォントの登場 10. 分割、スプリット画面が人気に

そう、淫靡コールである。 蜘蛛の美少女擬人化キャラだが、脚がすべてヒールをはいた女性のもの。妙に艶めかしく、同時にグロテスクでもある。 これはDMM GAMESで配信中のPC用ブラウザRPG『マジカミ』に登場する敵キャラ“アラクネ”。

「Atomic Design」（アトミック・デザイン）という言葉がしばしば聞かれるようになってきました。実際にちょっとしたトライアルをしつつ、Atomic Design について考えてみました。

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク

突然ですが、みなさん肉料理と聞いたら何を思い浮かべますか？ まずは王道の焼き肉、ステーキですよね！ この2大巨塔を食らうと「肉食べたい欲求」がしっかり満たされます。 ジューシーな唐揚げ、サクサクのとんかつ、炭火でじっくり焼いた焼き鳥、甘辛のたれを身にまとったすき焼き（生卵必須）、口にふくんだ瞬間ふわっと旨味が広がるしゃぶしゃぶ… 美味しい肉料理は果てしない。 料理名を読み返しただけでお腹が空いてきます。 今回のblogは炭水化物ダイエット遂行中の小松がお届けします。 ハンバーガーメニューとは 三本線で構成された「ハンバーガーメニュー」です。またの名をハンバーガーアイコンとも呼びますが、このシンプルな形状がハンバーガーだなんて！！！ 最初に聞いたときは、人によってはこのスマートなカタチがハンバーガーに見えないし、わかりにくい名前を付けたもんだなと思っていましたが、数年たった今では随分浸透して

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

Webサイトにファビコン（favicon）を設定しておくことで、ブラウザのタブやGoogleの検索結果にアイコンが表示されるようになります。 今回は、2021年現在のファビコン（favicon）の設定方法とおすすめの作成ツールについてご紹介したいと思います。 ファビコン（favicon）とは？ ファビコンとは、Webページごとに設定されるブラウザのタブなどに表示されるアイコンのことです。 PCのブラウザでWebサイトを開くと、タブごとにサイト名の隣にアイコン画像が表示されますが、その画像はWebページ側で指定したアイコンが表示されるようになっていて、ブラウザでの見た目が分かりやすくなるだけでなく、Webサイトのブランディングやイメージ作りにも影響を与えます。 ファビコンは、主に下記の箇所に表示されます。 必ずファビコンを設定しないといけないわけではありませんが、ファビコンが設定されていない

この記事では、Webデザインやグラフィックデザインの制作が捗る、公開されたばかりの最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ウェブ制作が捗る！便利すぎる最新オンラインツール、無料素材まとめ 404 Illustrations ウェブサイトの404ページで利用できる、ユニークでかわいいイラストを集めた無料デザイン素材キット。 Adobe XD 19 このアップデートでは大幅に機能が強化され、より使い勝手の良さを追求したプロトタイプツールとなりました。 Amadine Mac専用のベクター描画アプリで、Illustratorの代替ツールとしても利用できそう。無料トライアルも用意され

下北沢の某中華料理屋にあるウインナー定食￥950が気になりますが恐くて頼めませんでした。 こんにちは！WEB部の小沢です。 出先で撮ってきた写真をブログにアップしたいけどなんとなく綺麗に見えない。 ◯ンスタグラムみたいに雰囲気を変えてみたいけどphotoshopのどの機能を使うかわからない…。 そんな経験ないですか？ そんな時は「Camera Raw」でサクッと現像してみましょう！ みなさま、「現像」って聞くと写真屋さんにお願いして暗室で現像液で…って思われる方も少なくないかと思います。 ですが、デジカメの写真をphotoshopなどのソフトで仕上げることも現像と言います。 通常、プロのカメラマンの方たちは写真を「RAW(生・未加工)」という形式で保存。 RAW(生・未加工)から色味など手を加えてJPEGにすることをRAW現像と呼びます。 RAWについてはちょっと長くなるのでまた今度にしま

Webサイトのメインビジュアルといえば、かっこいい写真が欠かせませんよね。Photoshopで少し作業するだけで写真をもっと魅力的にする方法を紹介します。 Photoshopで10分以内に作れる魅力的なエフェクトを4つ紹介します。 ピュアエフェクト 控え目モノクロエフェクト デュオトーンエフェクト 部分ボカシエフェクト ピュアエフェクト ピュアエフェクトは見た人に加工だと気が付かれない、写真の「ナチュラルメイク」です。 次のような写真にフィルターやグラデーションがかかっていると気が付かないでしょう。写真の自然な美しさを引き出しつつ、無加工（カメラで撮ったまま）のように見えるエフェクトです。 写真の見栄えを調整するには、トーンカーブで色を動かすことが多いと思います。 ピュアエフェクトは、写真が実物のように見えることが必要な食べ物やファッションのブログに向いています。空想やファンタジーではなく

faviconの設定方法をネット検索すると、大量の情報が表示されます。 矛盾する情報もあり、新旧の情報が混在し、情報の取捨選択に難儀します。 ここでは、そうしたネット上の情報から一旦離れ、独自のテストを行った結果をご紹介いたします。 スマホのタブ選択時のアイコンなど調査対象を広げ、2017年7月の現時点で「結局どうしたらいいの？」にお答えします。 また最後に、まめわざでのfavicon設定方法をご紹介いたします。

EVENT PickUp 開催中・近日開催のクリエイターイベントをピックアップ！ 近日開催！開催まであと22日 東京都 2024/8/7(水)〜2024/8/10(土) ARTs*LABo 小さいテーマ展『浴衣・祭り・金魚』 イラストレーション "浴衣、祭り、金魚"と言うキーワードから、作家さんが自由にイメージしたオリジナルの作品を展示します。 かつて自由が丘のOne'sさんで開催していた浴衣会(浴衣テーマ)に、夏らしい"祭り&...