Interactive GIF Music Video by AC-bu
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
「デザインとは何か？」 これはデザイナーにとっても、それ以外の人々にとっても永遠の問い。 人によって「デザイン」の概念が異なり、それが理由でミス・コミュニケーションがやちょっとした争いすら発生する原因にもなっているからだ。 同じく現代の「デザイナー」と呼ばれる人たちの役割も多種多様で、一言で表現するのはかなり難しい。 そして「デザイン」の担う領域がどんどん広がっている現代において「デザインとは？」という問いは、例えば「言葉とは何か？」といった問いに近いレベルだ。 英語のdesign, Design, DESIGN その違いを知っていますか？ 結局デザインとは何なのか？さて、本題に戻ろう。 デザインとは何であるか？これを言い換えると「デザインの役割とは？」である。 人生をデザインに捧げてきた人間として自分なりにその答えをここに表記する。間違っているかもしれないが…。 大きく分けてデザインの役
A first look at the new Teams experienceToday marks the debut of the new Microsoft Teams app, released in public preview for Windows customers. As one of our most customer and design-driven releases ever, it’s crafted from the ground up to be faster, simpler, and more flexible. It also reflects a multi-disciplinary journey of customer understanding — from redesigning channels and simplifying chats
2022年02月09日 インクルーシブデザインとは インクルーシブデザイン インクルーシブデザインとは、高齢者、障がい者、外国人など、従来、デザインプロセスから除外されてきた多様な人々を、デザインプロセスの上流から巻き込むデザイン手法です。 インクルーシブデサインは、超高齢社会の様々な施設、プロダクト、サービス、Webなどをデザインするための大変有効な手法です。 インクルーシブデザインは高齢者や障がい者向けのデザインだけでなく、多くの人々に訴求できるデザインをも実現します。完全に成熟した経済では、もはや平均的なユーザの声を聴くことから差別化できる商品を創造するのは困難です。インクルーシブデザインのワークショップには、健常者には気付かないような発見があり、ヒット商品を生み出す洞察を得ることができます。 インクルーシブデザインは、施設、プロダクト・サービスのデザイン、Webデザイン、ビジネスプ
If you're a close follower of everything MUI, you might be aware that we've been working on a new design system. If not, then this post will give you a first look at Joy UI－MUI's new starting point for your design system! If you've ever considered using Material UI because of the developer experience, reliability, and completeness, but hesitated because of the design, this is great news for you. J
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it. Every now and then, someone will ask for my recommendations on UI frameworks. By “UI framework”, I mean any third-party package that is focused on providing styled UI compo
はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そんな中で個人的に大切にしてきた価値観として、「ユーザーの気持ちを考えて、その気持ちに寄り添った情緒的なUIをデザインする」ということがあります。今回、この記事を書いているのは、その意味や意図を言語化して再利用可能なものにしたいと思ったことがきっかけです。考えながら書いているため、何度かのシリーズになるかもしれません。また、このテーマについて様々な方と対話ができたらいいなとも思っていますので、興味を
この記事の概要 昨年、デザインに関する社内研修を実施し、その内容をQiitaでも共有してみたところ多くの反響をいただきました。 最近内容をアップデートして研修を実施する機会があったので、こちらも投稿してみます。 具体的な制作テクニックよりは抽象的な考え方がメインですが、デザイナーと一緒に働いている方や、デザインにも興味がある方のお役に立てるのではないか、と思っています。 自己紹介 私はQiitaでデザイナーをしている綿貫佳祐といいます。 2017年に新卒でエイチームに入社して、今年で6年目です。 普段の業務では、企画を考えたりUIを作ったりコードを書いたり。 割と幅広めにデザインに携わっています。 普段の業務以外だと、会社としての発信のデザイン監修する機会が多いです。 例えば、ロゴとかコーポレートカラーのような、会社として大事なグラフィック要素1。 これらが広報物内でどう使われているかのチ
はじめに2021 年によく見かける Web デザインがあります。それは、ぼかした円をアクセントとして用いるデザインです。 2 つのぼかした黄色の円がサイトに良いアクセントを与えています。 出典：Blog Section by DStudio® on Dribbbleこの円をぼかす CSS を紹介します。 デモ実際のデモをご覧ください。 デモの HTML です。<div> が 1 つの単純なものです。 <div class="sample"></div> デモの CSS です。ポイントは 2 つあります。1 つは、ぼかしを指定する filter: blur()。もう 1 つが、色を指定する background: radial-gradient() です。 .sample { --sample-color: 96 2 238; aspect-ratio: 1 / 1; background:
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ あらゆるデバイスで多くの映画や動画を視聴できる動画配信サービスは、安価で便利であり、多くのユーザーの支持を集めていると思います。その中でもNetflixはトップに位置づけられるサービスでしょう。彼らがどのようにしてユーザーを魅了しているか、デザインとUXの観点から考察したCXLの記事をご紹介します。 Netflixは、Blockbusterの対抗馬として、ビデオレンタルサービスを1997年に開始した。現在、このストリーミングサービスは、カナダ、アメリカ、日本の総人口ほどのユーザーを世界中に持っている。 Netflixは、世界中のあらゆるストリーミングサービスの中でも最も人気のあるプラットフォーム
世界的なパンデミックの流行が我々の生活を一変させてからすでに2年近く経っている。この2年間でインターネットと技術的なデバイスの使用量が増加し、仕事とプライベートでの交流方法を大きくシフトさせた。 それに伴い、オンライン・オフライン共にユーザーニーズも変化し、新しいユーザー体験の設計が求められている。 また、あらゆる業界でユーザー体験の重要性が急激に高まったこともあり、2022年はUXデザインにおける大きな変革の年となりそうだと感じる。 そんな変化を7つほど考えてみた。 “UXデザイン” の概念が再定義される目的ごとのデザインプロセスデザインでストーリーを届ける時代ユーザー体験がブランド形成の主軸インクルーシブデザインの重要性B2B向けのAR & VRニーズが高まるWeb3っぽいデザインが広がり始める“UXデザイン” の概念が再定義されるユーザー体験 (UX) を設計 (Design) する
「ロリポップ！」「カラーミーショップ」「SUZURI」「minne」などのサービスを運営しているGMOペパボ株式会社です。 デザイナーがどのような組織の中でどのような思いを持って働いているのか、どのようなスキルを生かして活躍しているのかを紹介します。
Send feedback API design guide Stay organized with collections Save and categorize content based on your preferences. Changelog Introduction This is a general design guide for networked APIs. It has been used inside Google since 2014 and is the guide that Google follows when designing Cloud APIs and other Google APIs. This design guide is shared here to inform outside developers and to make it eas
ベイジは2010年の創業以来、ウェブ制作事業を中心に事業を展開してきました。この事業では、サービスの質を統一するために2014年頃からワークフローの整備に取り組んできました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー」です。 基本的な進め方は国際規格（ISO 9241-210※）の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 そして、様々なプロジェクトでこのワークフローを実用しながら、今もアップデートを続けています。 また今回のワークフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く