こんな名前があったとは！ デザインスタイルの呼び名まとめ - NRIネットコムBlog
本記事は Design Week 2023 1日目の記事です。 🌈 告知記事 ▶▶ 本記事 ▶▶ 2日目 💐 こんにちは、Webデザイナー3年目の馬場です。 突然ですが、 「メンフィス」「グラスモーフィズム」「アイソメトリック」... 皆さんはこれらのワード、いくつ知ってますか？ もしくはデザイナーの方は、 「このデザイン、最近良く見るけど呼び名とかあるのかな…？」 「他人に言葉で『◯◯のデザイン』と説明したいけど名前がわからない...。」 と思ったことはありませんか？ 私は定期的にWebデザインのトレンドや用語などを調べてインプットしているのですが、 今までよく目にしていたデザインスタイルや模様などに「こんな名前があったんだ」と、恥ずかしながら初めて知ることが多々あります。 今回はそういったデザインスタイルの呼び名を集めましたので、参考サイトや使用事例と共にご紹介していきます。 メン
深澤直人が「つくる」理由。デザインと工芸、科学を行き来する「いいカタチ」の求道者｜designing
深澤直人が「つくる」理由。デザインと工芸、科学を行き来する「いいカタチ」の求道者 デザインとは会話の中でふと生まれる、気の利いた冗談みたいなもの。長い時間考え抜いて、答えを出すようなものではありません。 2023.07.04 デザイナー、深澤直人。 氏が、かねてよりひときわ目を向けてきた分野に、「民藝」「工芸」がある。 2012年より日本民藝館の館長を務めているほか、2010年代には民藝や工芸にまつわる展示を幾度も主導してきた。 その一方で、いま改めて「科学」にも注目している。2022年4月には、デザインと科学の繋がりの探求に取り組む「THE DESIGN SCIENCE FOUNDATION」も設立。2023年3月にはその最初のアウトプットとして『DESIGN SCIENCE_01』を出版した。 片や民藝・工芸、片や科学。一見するとかけ離れた領域にも思える両者を行き来して深澤が探求するの
アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう！」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです！ 紹介したいWebメディアが
報道番組のデザインに注目！ ニュース画面のテロップと「テレ朝UD」｜Fontworks | フォントワークス公式note
皆さん、「テレ朝UD」はご存知でしょうか？ テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう！」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい！ 「ニュースの画面ってどんなふ
2022年、もっとも注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 興味がある方は、過去分もどうぞ。 2021年、最も注目されたUIデザインのテクニックのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークにデザインする時はホワイトも和らげる 2. フォームのエラーは色だけに頼らない 3. ユーザーが選択したアイテムを目立たせる 4. 細いフォントは暗いカラーにする 5. 次のステップの情報を提供する 6. 最も重要な
Webサイトを作る際に超参考になったデザインのサイトまとめ - Qiita
はじめに 仕事でWebサイトを作った際に、 デザイン案で非常に参考にさせて頂いたサイト様をまとめました。 Parts. SaaSのサービスサイトやLPを中心としたデザインの参考サイトです。 部分ごとにパーツやセクションごとのデザインが載っているので、 探しやすくとても参考になりました。 動くWebデザインアイディア帳 「動かしたいパーツ」ごとの逆引きリストを扱っているサイトです。 機能的 or 印象的で有効なデザインが多数載っており参考になりました。 ※注意として 動くWebデザインアイデア帳のサイトは、書籍に明記している通り「3年間の期限付き」です。 （※書籍の売れ行き次第で変わります。） ちなみに実践編の方ですが、私も書籍を購入させて頂きました。 Web Design Trends(ウェブデザイントレンド) Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立
「分かりやすさ」を計測 Yahoo!ニュースのデータアナリストらと編集者が協業し、ユーザー調査を受けて作る図解
「分かりやすさ」を計測 Yahoo!ニュースのデータアナリストらと編集者が協業し、ユーザー調査を受けて作る図解 Yahoo!ニュースでは、効率的にニュースの要点をつかんでいただけるように、トピックスの下部に図解や解説記事・ハイライト動画などを掲載しています。これまでは編集者が経験的に「分かりやすい」と判断した図解や解説を使ってきましたが、実際にユーザーは「分かりやすい」と感じているのか、また、そのための改善ができているのかどうかを確かめるため、「分かりやすさ」を定量的に測るプロジェクトが立ち上がりました。ユーザーアンケート調査を設計する苦労や、調査結果を受けた気づきとは。Yahoo!ニュース トピックスの編集者・徳満陽介、データアナリスト・竹田辰彦、リサーチャー・岡村明子に聞きました。 Yahoo!ニュースでは、ユーザーはどんな図解を望んでいるのか ―「分かりやすさ」に関する調査が始まった
「楽天カードらしさ」を追求した楽天カードのデザインシステムの導入と今後について｜Rakuten Card Designs
楽天グループはさまざまなサービスを展開しており、楽天カードのお客様においても楽天カードだけではなく楽天市場や楽天銀行など、ほかの楽天グループのサービスも多くのお客様にご利用いただいています。 それぞれご提供するサービスは別ですが、お客様にとっては1つの「楽天ブランド」であるため、楽天グループ共通のデザインを踏襲しながらも、金融サービスに特化した顧客体験を提供できるよう、楽天カードのデザインチームによりカード事業独自で「楽天カードのデザインシステム」と呼ぶデザインシステムを構築し、運用しています。 今回の記事では、そんな「楽天カードのデザインシステム」についてご紹介していきます。 デザインシステムとはこんにちは、UIデザインチームのVideoです。 初めに、デザインシステムとはどういうものなのか、ご説明します。 デザインシステムとは、ユーザーがどのデバイス・サービス・プロダクトを利用しても一
Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題
chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください！」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler（東京都渋谷区）が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき
テキストメッセージを「デザイン」すると、読み手に寄り添うコミュニケーションができるかもしれない話 | Design Journal Vol.22｜Sakino Tomiura
テキストメッセージを「デザイン」すると、読み手に寄り添うコミュニケーションができるかもしれない話 | Design Journal Vol.22 この記事のサマリーSlack等でテキストメッセージを送る前に、デザインのプロセスを用いることで、読み手に寄り添ったコミュニケーションができ、「伝わらない」ストレスが減り、お互いがハッピーになるかも、という話です。 背景社会人になり約4年半ほど経ちますが、まだまだ難しいなぁと日々感じていることが、「テキストコミュニケーション」です。 ここ2年ほどでリモートワークの割合も加速し、テキストコミュニケーションが中心になってきているチームも多いのではないでしょうか。 そんな中で、「この人のメッセージ、いつも内容がスッと入ってくるなあ」と思うことや、 逆に自分が送ったメッセージを読み返し、「何が言いたかったんだっけ…？」と反省することも多々ありました。 そし
「カムカムエヴリバディ」ロゴができるまで～ひなたの道を歩いてほしい～｜NHK広報局
11月から放送が始まった朝ドラ「カムカムエヴリバディ」。 わたくし、番組美術スタッフとして、番組のグラフィックやセットの設計を担当している「瀨木せぎ」と申します。 私が就いている「美術デザイン」というポジションは、ドラマ全体の「世界観のビジュアル設計」をおこなっています。 ドラマ制作部からの「こんな世界を作りたい」という思いにこたえ、視覚表現のゴールをつくり、そこまで制作部・技術部・広報部をあわせたチーム全体をリードしていくのです。 皆さんが何気なく目にしているテレビ画面やモニター、紙媒体には、私たち美術の「狙い」が込められています。 単に見栄えのいいものをデザインするのではなく、「このコンテンツを通して皆さんに何を受けとってもらいたいのか」が伝わるようにイメージでもって設計していきます。 わかりやすいところでいえば、主人公が暮らす町や家の舞台設計・キャラクター設計、広報にまつわるロゴやタ
僕がデザイナーとしてLP制作で心がけている「ビジネス思考」20項目｜川端康介
はじめまして。ナノカラーの川端(@nanocolorkwbt)です。ナノカラーという会社は広告クリエイティブ（特にセールス中心）を制作する会社です。 ※今回の記事は「デザイナーはこうあるべき」という話ではなく、単なる僕の美学というか僕のデザイナーとしての在りたい理想の話です。しかし他のデザイナーにとっても参考になれば幸いです。 ※勢いだけで書いている為、誤字乱文もお許しください。僕はクリエイティブ制作において、依頼主のビジネスとエンドユーザーを理解し、２つが正しく繋がれるコミュニケーションを確立するクリエイティブ。それが僕の理想とするクリエイティブです。 もちろん僕がひとりで全て出来る訳ではなく、完結できるわけではありません。ただ「わからない」「知る必要もない」「制作さえできればいい」という思考でデザイン制作をしたいくないという、仕事に対する姿勢です。この姿勢は僕の考えるデザイナーの「ビジ
富士通の実践知が詰まったデザイン思考のテキストブック公開
2021年12月3日に本テキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。 詳しくはこちら（外部サイト） > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック「Transformation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング」（日本語版・英語版）を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。
グッドパッチエンジニアが選ぶ、推しデザインシステム10選｜Goodpatch Blog グッドパッチブログ
生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。 僕の入社の経緯や業務内容についてはこちらからご覧いただけます！ デザインシステムとは デザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。 一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。 しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。 古い物ですと1975年に
🧠Psychology of Design: 106 Cognitive Biases & Principles That Affect Your UX
🧠 The Psychology of Design106 Cognitive Biases & Principles That Affect Your UX Every time users interact with your product, they: 🙈 Filter the information🔮 Seek the meaning of it⏰ Act within a given time💾 Store bits of the interaction in their memoriesSo to improve your user experience, you need to understand the biases & heuristics affecting those four decision-cycle steps. Below is a list o
みんなの銀行（スマホ銀行）｜デジタルバンクで価値あるつながりを
みんなの銀行｜スマホ完結のデジタルバンク お金のをに変える 銀行アプリ 自分のスタイルに合わせて いろいろな機能が使える銀行アプリ。 スマホひとつですべて完結できるから、 毎日がよりシンプルになります。 ウォレット アプリがお財布に。 ウォレットからいろいろな機能へ みんなの銀行アプリでは、普通預金「Wallet(ウォレット)」からいろいろな機能へアクセスできます。 口座とお財布をひとつにして 日常の「貯める｜整理する、送る｜受け取る、 支払う、管理する」などの機能が、 いつでもアプリひとつでかんたんに。 スマホひとつで手軽にできるから 「お金の『苦手』を『いいね』に変える」には、 このアプリから。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RandomA11y - Endless collection of accessible color combos
StoryTribe: Effortless Storyboarding for Everyone
Stock - 日本のWebデザインギャラリー
日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた｜seya
