Magic UIUI library for Design Engineers20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.
連載｜トヨタのデザイン思想が丸裸に。デザイントップが語った大切なこと。｜トヨタイムズ
トヨタのカーデザイナーに焦点を当てた新連載。デザイン統括部長が包み隠さず語った内容とは。 ■カーデザイン未経験の私を雇ったトヨタ ■トヨタのデザインに欠かせない2つの重要な視点とは ■トヨタが、デザインを統一しない理由 ■なぜ日本では135mlのビールが売られているのか ■カーガイの社長だと何が違うのか 「いいクルマ」とは何か。その重要な要素のひとつがデザインであることは確かだ。ではトヨタにとってデザインとは何か。そしてユーザーにとってのデザインとは何か。そんな疑問に常に向き合い続けるのがカーデザイナーだ。 シリーズ初回は、サイモン・ハンフリーズ デザイン統括部長に徹底取材。そこで明かされた意外なキャリアや、トヨタデザインの本質、そして新しいフェーズに入った新型クラウンのことまでを詳報する。
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
デザイン思考が生んだ、問題解決というデザインの「誤解」｜designing
デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ
世界を変えるはずだった「デザイン思考」はどこで間違ったのか｜Hiroshi Maruyama
MIT Technology Reviewに2月に掲載されたRebecca Ackermann氏の表題の記事を読みました。 https://www.technologyreview.com/2023/02/09/1067821/design-thinking-retrospective-what-went-wrong/ 世界を変えるはずだった「デザイン思考」はどこで間違ったのか、という記事です。日本語版もあるのですが、最後まで読むには課金しなければなりません。この記事は、最後まで読む価値があると思うので、英語版で読むことをお勧めします。 デザイン思考は、デザインのような創造的な仕事を1人の天才が行うものから多くの人の協調的な作業に変えた、という意味で画期的な方法論です。シリコンバレーのIDEO社や、スタンフォード大学のdスクールの名前を聞いたことがある人も多いでしょう。よく知られた、ポスト
報道番組のデザインに注目！ ニュース画面のテロップと「テレ朝UD」｜Fontworks | フォントワークス公式note
皆さん、「テレ朝UD」はご存知でしょうか？ テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう！」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい！ 「ニュースの画面ってどんなふ
コーポレートブランディングの進め方【制作事例ふりかえり】 | ARUTEGA blog｜アルテガブログ
株式会社ARUTEGAの平尾です。 昨年の５月頃から進めていた広告代理店の『Remain in』さまのデザインリニューアルをARUTEGAで行いました。 この記事では、デザインリニューアルのプロセスやWebデザインを起点にどのようにARUTEGAがCIまで導くかを実際のプロジェクトを振り返りながらここに記します。 タイトルにもありますが、弊社ARUTEGAでは、無形のサービスを事業展開している企業様からご依頼いただくことが大半を占めています。 無形商材とは、例えばマーケティングやデザインやコンサルティングや翻訳などの実体が無いアウトプットをされている事業者様です。 今回はリメインインさまにおけるコーポレートブランディングのプロセスをここに記し、弊社のデザイン制作の流れを理解していただける内容になっています。 コーポレートアイデンティティを創る ブランディングの定義 さて近年、ブランディング
「消費されるデザイン」から「資産となるデザイン」へブランドシフトするために｜B&H｜Das Wahre, Schöne, Gute
今、ビジネスの世界でデザインされる制作物の多くは、顧客ニーズを満たすような合理的な広告や話題性の高いクリエイティブな販促コンテンツがほとんどです。B&Hではそのような制作を、少し注意して向き合うべき対象として「消費されるデザイン」と呼んでいます。 その背景には、クリエイターの自己表現によって耳目を集める表現よりも、その企業やブランド自身が持つ競争優位性と文化的特性を丁寧かつ継続的に表現していくことで、より持続的な好循環を生み出すことができるという独自の理論があります。 私たちは、戦略の立案からビジュアルイメージやユーザーインターフェイスの制作、実行サポートに至るまでブレない一本の筋を通すように、その企業やブランドにとって中長期的な「資産となるデザイン」を提供することが重要だと考えております。 私たちはこの「消費されるデザイン」から「資産となるデザイン」へ変革することを「ブランドシフト」と呼
本がただのインテリアになってる「映え重視」の図書館あるけど、実際に求められてるのってこれでは？→デザインか機能性か
ひでぼー @rtsrc638 ほんとにデザインに優れているのは上っ面だけのガラス張りや絶対届かない本の展示だらけの見かけだけの図書館やないで 水戸の西武図書館のような、何十年経っても最新鋭で円周で動線もわかりやすく、全ての本が手に取れて、そして紫外線からも守れるところを指すんやで pic.twitter.com/D9or8skRfE 2022-11-14 11:50:43 ひでぼー @rtsrc638 さらにすごいのはここ、円周型になってるからほぼ死角も存在しない 司書さんが2階に上がれば戸棚の異常な箇所もすぐ見えるし、いたずらも難しい、ドーム型で響くから声も必然と小さくなる おまけに20以上前の設計でも古臭さがない、すべてが考慮されているデザインこそが優れているんやで 2022-11-14 11:54:08
デザインシステム｜デジタル庁
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 更新情報2023年12月26日 [バージョン1.4.1]スタイルやコンポーネントの修正・更新を行いました 2023年10月18日 [バージョン1.4.0]スタイルやコンポーネントの追加・修正・更新を行いました 2023年8月31日 [バージョン1.3.4]スタイルやコンポーネントの修正・更新を行いました 2023年7月31日 [バージョン1.3.3]新規コンポーネントを追加、スタイルやアセットなどについて修正と更新を行いました 2023年6月29日 [バージョン1.3.2]コンポーネントを追加、テンプレートやガイドラインの一部修正と更新を行いました 2023年6
伝わる文章 | 基本要素 | SmartHR Design System
相手に誠実に、わかりやすい文章を書くための心がけをまとめました。 どういう思考プロセスからどんな表現が生まれるのか、参考として実例を紹介しています。実際に読み比べ、SmartHRの従業員として何かを伝えようとするときの、参考にしてください。 伝わる文章のガイドライン何を伝えるかによって、必要な情報の量や説明の粒度は異なります。 情報が不足していたり、逆に情報が多すぎたりすると、読者が意図を読み取れないことがあります。 読み手となる相手の状況（読む場面、事前知識など）を踏まえ、言葉にする内容や表現を厳選することが大切です。 目的に合わせて情報を取捨選択する読者の目線に立ち、コンテンツの目的に合わせて情報を取捨選択しましょう。 実例1：法律や業務に関わる記事目的業務に関係する「厚生年金保険」について正確に知りたいと思っている人に、わかりやすく内容を伝える。 Before日本の年金制度は、全国民
LINE Seed
LINE Seed Licensing All content of LINE Seed is copyrighted material owned by LY Corp. All fonts are released under the SIL Open Font License, Version1.1. This license is also available with a FAQ at: https://scripts.sil.org/OFL You can use them for any personal or commercial purposes. However, the software font files themselves cannot be sold by the other parties other than LY Corp. For commercia
Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手
米Adobeは9月15日（現地時間）、デザインコラボレーションツール大手のFigmaを200億ドル（約2.9兆円）で買収すると発表した。2023年内に買収を完了する予定としている。 Figmaは、Webサイトやアプリなどのデザイン制作全般をWebブラウザ上で完結できるコラボレーションツール。プロダクトマネジャー、エンジニア、マーケターなど、非デザイナー人材も参加して、一緒にデザインを作り上げられるのが特徴。チームでのプロダクト制作を支援する。 海外ではGoogle、Microsoft、vmware、Twitter、Uber、Block（旧Square）などテックジャイアントで導入されており、国内でもヤフー、LINE、楽天、富士通などがすでに採用している。2022年7月には日本進出を果たしたばかりだ。 買収後は、Figmaの共同創業者兼CEOのディラン・フィールド氏が引き続きFigmaチーム
ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
SmartHRのプロダクトデザイングループのFigmaの運用を大公開！第1弾：デザインデータに対する考え方｜wentz
こんにちは。 SmartHRでプロダクトデザインをしている@wentz_designです。 入社して16ヶ月が過ぎ、そろそろ入社エントリなるものを書く機運か？と思い至り、これまで取り組んだことについて書いてみることにしました。 私は現在、メインでSmartHRの基本機能の開発に携わっています。 サブプロジェクトとしてユーザーリサーチ推進室の運営、SmartHR Design Systemの運営、Figmaというツールの社内利用推進および組織アカウントの管理・運用に関わっています。 Figmaに関しては、過去にSmartHR UIのリソース（ライブラリ）を一般公開したことで様々な反響がありました。 今回は、SmartHRのプロダクトデザイングループでは普段Figmaをどのように活用しているのか、を複数回に分けて紹介していきます。 第1弾ではプロダクトデザイングループの「デザインデータに対する
デザイナーが変革に参加できる今が面白い！デザインシステム構築にも挑戦するUIデザイナーの視点。 | ANDPAD_Engineers
アンドパッドは建築・建設業界のプラットフォーマーとなるべく、新規プロダクトを続々と開発しています。それに伴い、新たなデザイナーの力が必要です。 現在、アンドパッドで「プロダクトデザイン」や「デザインシステム構築」など、幅広い分野で活躍している かわかみしずかさん。前職ではIT企業のデザイナーとして、プロダクトデザイン、デザイン戦略、ブランディング戦略など幅広い経験を積んできました。 そんな 、かわかみさん がアンドパッドのどんな点に魅力を感じて入社したのか。また、入社後にどんなことを感じているのか聞きました。 かわかみしずかさん 前職のIT企業でUIやSEOの改善、アクセス解析の導入、機能開発などに携わる。デザイン横断組織「デザイン戦略チーム」を新設して異動。自社のブランドならびにデザイナーのプレゼンス向上を目指し、デザイナーの成長支援、横断的な知見の共有やアセット化、社内外へ向けた広報活
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラストレーターさん「蟹缶がカニロボに変形するおもちゃ欲しいな〜」デザイナーさん「実物できました」
連載｜トヨタのデザインが大胆になった？外形デザイナーに真相直撃｜トヨタイムズ
「ガンダム世代のデザイナーが引退したから」トヨタ車のデザインが劇的に良くなっている理由
