[B! design] yuki_2021のブックマーク

米政府系サイトの常識を変えた「デザインシステム」革命

官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント米国には公共デザインシステムとカスタムフォントがある政府系Webサイトのアクセシビリティと一貫性を高めることが目的これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。インターネットが普及する以前、米国民は印象的な石柱

yuki_2021 2024/07/03

リンク

上手なデザインは目の動きをコントロールする｜AfterEffects動画｜nanami

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 デザインにおいて「伝えたい情報を意図した通りに見せる」ことは最重要ポイントであり、且つ難しいポイントではないでしょうか。そんな「伝わるデザイン」の特徴の１つとして挙げられるのが、見ている人に見せたい情報を適切に見せるよう目線をコントロールできていること。これはWebサイトのデザインでもバナーのデザインでも共通して言えることですが、今回は特に目線の動きが重要になる動画のデザインを見ながら、そのポイントをまとめてみました！悪い例〜私の初心者作品を添えて〜他人の失敗例を見ると学びになることって多いですよね…🧐 ということで、良い例をご紹介する前に、まずはNG例を見ながら説明をしたいと思います。今回はNG例として、私が学習の一環としてとあるサービスの紹介動画を作成した中からシーンを抜粋しています。私が作成

yuki_2021 2024/06/26

リンク

WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc

こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。本日は﹁生成AI﹂はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。まずは基本的な使い方の習得を目指しましょう！今回は主にChatGPTを使った業務の効率化方法をお伝えします。私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの

yuki_2021 2024/06/05

リンク

デジタル庁デザインシステムβ版

デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

yuki_2021 2024/05/31

リンク

group_inou / HAPPENING

Interactive GIF Music Video by AC-bu

yuki_2021 2024/04/26

リンク

商用でも完全に無料ですごい！デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy

個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ

yuki_2021 2024/04/26

リンク

「ダークパターン」とは？7つの類型を解説／企業30社独自アンケート - クローズアップ現代取材ノート - NHK みんなでプラス

うそのカウントダウンタイマーや、在庫が少ない、需要が高いなどの表示。画像では、カウントダウンタイマーや﹁今だけ﹂の表示で焦らせて﹁今買わなければ﹂という気持ちに追い込んでいます。今回私たちは、企業の間ではダークパターンがどのように認識されていて、どのような対策を取っているのか、現状を把握するために独自にアンケート調査を行いました。調査は、武蔵野美術大学の長谷川敦士教授の監修のもとで行い、ダークパターンが使用されることの多い6つのジャンル︵ネットショッピング、旅行予約サービス、飲食店予約サービス、動画配信サービス、音楽配信サービス、電子コミック配信サービス︶について、利用者の多い5つのサービス、あわせて30のサービスを対象にしました︵利用者数については、ニールセンとICT総研の調査を元にしています︶。このうち、16のサービスの運営企業から回答がありました︵回答率は53％︶。回答した企

yuki_2021 2024/04/04

リンク

ChatGPTを活用したデザイン制作

2024年3月28日 Webデザイン, 便利ツール ChatGPT、使っていますか？私は有料プランでほぼ毎日利用しています。Google検索が最近アレなんで、ちょっとした調べ物にも、お仕事の簡単な作業にも使っていますよ。今回はデザインに焦点をあてて、日頃のデザイン作業に使っている方法をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！デザインを0から10までやってもらうのはまだ難しい結論から言うと、まったくなんの情報もないところから、デザインの完成まで頼むのは、まだ難しいかなと思います。ダミーのWebサイトの画面を作ってもらうとかならまぁまぁなクオリティで作ってはくれますが、それをクライアントに提案できるレベルかと聞かれると、うーん…と唸ってしまいます。なので、最初から最後まで、素晴らしいクオリティで作ってもらうことは1年後くらいにまた試すとして、2024年現在ではデザイ

yuki_2021 2024/03/28

リンク

ChatGPTを活用したUI勉強会のススメ

Speaker DeckにおけるGoogleスライドのフォントの問題解決/probl em solving for google slides 2023

yuki_2021 2024/02/26

リンク

【海外記事】デザインをする上で知っておきたい、5つの心理法則とその活用法｜Haruka Kawamura

こんにちは、RAKSULでデザインインターンをしている川村です。いきなりですが、デザイン心理学という言葉を聞いたことがありますか？デザイン心理学は、神経科学、認知心理学、社会心理学、ヒューマン・コンピュータ・インタラクション︵HCI︶を組み合わせたもので、ユーザー・エクスペリエンス・デザインにおける問題を、人間心理や行動の観点から解決しようとする心理学のアプローチ。 ishan ー The Psychology of UXdesignデザインは美的な要素だけではなく、ユーザーの心理的なニーズや行動を理解し、魅力的なユーザー体験を創出する点においてとても重要な役割を担っており、デザインと心理学は深くリンクしています … 人がどのようにプロダクトとインタラクトし、彼らの意思決定がどのように影響され、あるいはコントロールされうるかを理解することは、UXデザイナーが取り上げるべきトピックの一

yuki_2021 2024/02/21

リンク

非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita

はじめに数年前から﹁デザインの民主化﹂﹁非デザイナー向けの〇〇﹂といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。一方で﹁たくさんあるテンプレートから何を基準に選べば良いのか分からない﹂﹁アレンジしたけど、なんだか上手くいかない﹂という人もいるのではないでしょうか。﹁非デザイナー～﹂シリーズでは﹁知っているとちょっと得するデザインTIPS﹂や﹁話のネタになるデザイン豆知識﹂をお伝えしていこうと思います。今回のテーマ﹁色﹂と﹁特性﹂今回は色の見え方、なかでも色覚特性について書いていこうと思います。色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色

yuki_2021 2024/02/16

リンク

#デザイン記事まとめ - UIデザイン｜noteマガジン｜note

デザインから考えるウェブアクセシビリティこんにちは。dotDデザイナーの山口です。前回の投稿からだいぶ間が空いてしまってますが…とあるプロジェクトがひと段落し、会社として取り組む・考えていかなければならないテーマとしてnoteに残すべく重い腰を上げました︵褒めてください︶。その"とあるプロジェクト"というのが、先日リリースされた﹁デジタルマーケットプレイス︵DMP︶﹂の実運用に向けたα版サイトの開発・構築です。 DMPでは、これまで複雑だった調達プロセスを簡易化することで手続きを軽減し、必要なサービスを検索・

yuki_2021 2024/02/14

design

リンク

メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所

メルカリで値段の﹁¥マーク﹂を小さくしたら購入率が伸びた理由、ペイディがサービス名を﹁カタカナ表記﹂にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。1、商品ページの﹁¥マーク﹂を小さくしたら購入率アップ︵メルカリ︶メルカリでは、商品詳細ページの﹁値段の¥マーク﹂を小さくしたところ、購入率が大きく上昇した。理由としては、¥マークを小さくしたほうが、心理的な﹁価格の圧迫感﹂が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。元記事‥https://markelabo.c

yuki_2021 2024/02/14

リンク

iOSのデザインが大幅に変更されそう

個人的にはアリです。今年も6月初旬あたりに開催されるであろうWWDC 2024では、各Apple︵アップル︶製品向けの最新ソフトウェアがお披露目されるはずですが、iOS 18に関しては久々にデザインが大きく変わるかもしれません。半透明デザインイスラエルメディアのThe Verifierによると、iOS 18とiPadOS 18はApple Vision ProのvisionOSからインスパイアを受けたデザインになるとのこと。さらにAppleは﹁Safari﹂を含む純正アプリやシステム設定画面なども、新しいデザインに変更する計画があると伝えています。 Image: ApplevisionOSといえば、Apple Vision Proの紹介ページを見ていただくと分かるように、全体的に半透明なデザインが特徴的といえます。もちろんこれは空間コンピューター向けに特別にデザインされたものであること

yuki_2021 2024/02/14

リンク

イッタラで今何が起きているのか - La La Finland

2024年2月5日、フィンランドの老舗ガラスメーカーイッタラが新しく生まれ変わることを発表したのですが、これがフィンランド中で大きな議論を巻き起こしています。わたしも思うところがたくさんあったので、いったい今何が起きているのか整理して、なるべく中立的な目線からブログを書いてみようと思いました。まず何が新しくなったのかは、大きく分けて3つと言えると思います。ロゴカラーコンセプト加えて、SNSの過去の投稿は全て消し去られてしまいました。ひとつひとつ、詳しくみていきましょう。 1. ロゴIittala Facebookより引用 Finnish Design Shopより引用最もわかりやすいのが、そのロゴ。 1956年にティモ・サルパネヴァがデザインしたこのあまりに有名なロゴ︵左︶は、吹きガラス職人が使う吹き竿と、竿の先の熟せられたガラスの玉をイメージしたものです。およそ70年

yuki_2021 2024/02/12

リンク

さよなら、さよなら、デザイン思考｜KESIKI

こんにちは、KESIKIの石川俊祐です。今年の10月にIDEOのレイオフのニュースが出ました。驚いた方も多かったのではないでしょうか。このニュースによって、﹁デザイン思考はもう終わりなのでは？﹂という意見を耳にします。アメリカの経済メディアFast Companyも﹁Design giant Ideo cuts a third of staff and closes offices as the era of design thinking ends︵意訳‥デザインの巨人IDEO、デザイン思考の時代の終わりに伴いスタッフの3分の1を削減しオフィスを閉鎖︶﹂という記事をあげています。しかし、本当にデザイン思考が“終わった”と言えるのでしょうか。もしデザイン思考が終わったとして、これからのデザインはどのような役割を果たすのでしょうか。そんな話を書いていきたいと思います。﹁デザイン

yuki_2021 2023/12/27

リンク

｢センス｣は生まれ持った才能ではない…センスのいい人が日常生活の中で実践している2つの習慣デザインの制作意図は6パターンに分類できる

センスを身につけるための2つの能力街中にある看板や企業のポスター、道路の標識、電車内の広告、商品パッケージ、WEBサイト……私たちの身の回りには、ありとあらゆるところに数えきれないほどのデザインが溢れています。普通の人にとっては「オシャレだなぁ」とただ眺めるだけでスルーしてしまうもの、あるいは「煩わしい」と感じるものかもしれません。一方で、プロのデザイナーにとってはデザインセンスを養う教材のひとつとなっています。日常生活で目にするデザインには、ひとつひとつに制作者の意図やこだわり、伝えたいメッセージが込められているからです。デザインを意識的に「見る力」、そのデザインが施された意味を想像・考察して「言語化する力」を身につけることでセンスが磨かれ、実践の場で活かせるようになります。「赤色」に着目したときに見える世界それでは一度、この記事を読んでいる画面から目を離して辺りを見渡してみて

yuki_2021 2023/10/24

リンク

Google、Androidのロゴを4年ぶりに変更　ドロイドくんは立体的に

大きな違いは最初の﹁a﹂︵小文字︶が﹁A﹂︵大文字︶になることだ。Googleによると、﹁Google﹂ロゴと並べて配置する際、この方がバランスがいいためという。フォントもGoogleのロゴに近いものになった。日本ではドロイドくんなどと呼ばれているマスコット︵正式名称は﹁bugdroid﹂になったようだ︶は2Dから3Dになる。また、﹁Androidがコミュニティや文化とつながる場所に現れる﹂ことから、多様なキャラクターとして表示するようになり、﹁Android自体と同様にダイナミックに見えるようにしたいと考えた﹂という。全身の外観も更新される。

yuki_2021 2023/09/06

リンク

図解がつくれると伝わり方が変わる！初心者のための図解作成ガイド【事例あり】｜鷹野雅弘

﹁図解﹂は資料作成やプレゼンスライドの制作に欠かせません。その一方で﹁図解を作成してみたいけれど、経験がない﹂﹁これから図解をどんどん取り入れていきたい﹂という方のために、図解作成のノウハウを基本中の基本からまとめてみました。今回の記事はアドビ社のPR企画﹁みんなの資料作成﹂に参加して執筆しています。 1 | 図解の定義まずは﹁図解﹂の定義について考えてみましょう。たとえば、書籍﹃たのしいインフォグラフィック入門﹄の中で著者の櫻田潤さんは次のように定義されています。図解とは、単純な図形と短い言葉で、物事を説明するグラフィック非常に明快ですが、人によって定義が異なりますし、また時代によって移り変わっています。類語から﹁図解﹂の定義を探る言葉の定義を考える際に有効なのが︿類語﹀を集めてみること。そこで、日本語／英語に分けて、2つのマンダラート︵9マスのメモ︶をつくり、﹁図解﹂の類