All Project｜長崎のブランディングデザイン事務所 DEJIMAGRAPH2F Higuchi Bldg. 5-29 Yorozuya-machi Nagasaki-city Nagasaki Japan 850-0852
さよなら、さよなら、デザイン思考｜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を削減しオフィスを閉鎖）」という記事をあげています。 しかし、本当にデザイン思考が“終わった”と言えるのでしょうか。 もしデザイン思考が終わったとして、これからのデザインはどのような役割を果たすのでしょうか。 そんな話を書いていきたいと思います。 「デザイン
『はじめよう！ 要件定義』（とそのシリーズ）を読んで、はじめよう！UIデザイン｜金 成奎
『はじめよう！ 要件定義 ～ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラストと平易な文章がとっつきやすく、するすると読めてしまいますが、要件定義って何をどうやったらいいの？とお悩みの方に対して、まずはこれだけやっておくべき基礎知識を得ることができる、とてもわかりやすい内容になっています。 そしてそして、ここからが本noteの主な趣旨ですが、この3部作はデザイナー目線で読み解くと、極めて明瞭で本質的で実践的な、ユーザー体験設計とUI設計の進め方について学べるデザイン教則本と言えるのです。 以下、その理由と、本シリーズを使ってUIデザインを進めていく方法を実例を踏まえて解説していきます。 要件定義とはUI・機能・データを決めることいきなり『はじめよう！ 要件定義 』のキモ・コンセ
はい！美術タイトルです vol.3 ｜ フジテレビジュツのヒミツ - フジテレビ
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば！」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の“美術タイトル”（略称は美タイ）は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する“報道タイトル”は報道部にあり、役割は全く違っていました。 フジテレビタイトルデザイナーのレジェンド紹介第二弾はあの国民的番組のタイトルデザインを担当した高柳義信さんです。 代表作は『笑っていいとも！』 高柳さんのデザインの特徴は、なんと言ってもわかりやすいデザイン。イラストやグラフィカルなシンボルを取り入れたデザイ
デザインシステム入門！Web制作初心者が知るべき基本原則とFigma活用法
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 私が最近学んでいること、「デザインシステム」について書きたいと思います。 なぜデザインシステムを学んでいるのか。ですが、デザインの制作時にFigmaを使う機会が増えて、今までPhotoshopやXDで作業していたときよりも、コンポーネントを意識するようになったからです。 まだWeb制作を学び始めたばかりだから、デザインシステムとか難しそう。と思っている人もいるかもしれませんが、学
創業10周年施策のデザイン過程と担当者の振り返り｜Mercari Design Blog
こんにちは、メルカリクリエイティブチームのuoです。2月1日は株式会社メルカリの設立日で、2023年は10歳という節目の年でした。今回は、そんなよき日に公開された10周年施策について「デザイン行程」と「担当メンバーの振り返り」の2パートでお送りします。 10周年施策について今回の10周年施策について、初期から決まっていたことは以下でした。 これまでのメルカリの10年を顧みる 新たに策定されたグループミッションをお披露目する 平たく言うと、「これまでの10年に感謝や反省をしながら、決意新たに次の10年をスタートする場とする」というものです。 つくったもの今回の制作物は、10周年特設LPと、その公開日の前日に配信したティザー動画です。 LP（リンク） 動画（リンク） ざっくり設計方針キービジュアル LP、動画をはじめ、横展開するタッチポイントの世界観の根幹とする リブランディングのプロトタイプ
みんなでつくるブランドアセット — フォトディレクションからみるSmartHRのブランド解釈（広め）｜Cocoda
こんにちはこんにちは。SmartHR コミュニケーションデザイングループ（以下コムデ）で「コミュニケーションディレクター」をしている関口（sekig）です。コミュニケーションがおおいですね！ わたし自身コミュニケーションが上手かというとそうでもないですね！ でもコミュニケーションは大事！ コミュニケー（以下略 …すこし前に「謎図」という概念理解を深めるひとつのやり方のようなものをお話ししました。 「一見するとなんのことか分からないけど、企画やプロジェクトの当事者からすると、文脈をしっかり感じとれる図のようなもの」を謎図と呼んでいます。言葉よりもイメージ（枠組み・アウトライン）でざっくりすり合わせることから始めた方がいいフェーズで、この「図のようなものだけど、図ほど綺麗じゃない」謎図が出てきたわけです。 https://cocoda.design/sekig/p/p222d02f73a82
Landings - Landing Page Examples
Discover hundreds of landing pages created by leading companies for your design inspiration.
ANDPAD のデザインシステム 「Tsukuri」 の Web 向け実装について - 方針と全体像の紹介 - ANDPAD Tech Blog
この記事の概要 デザインシステム 『Tsukuri』の Web 向け実装『Tsukuri for Web』を開発中です 変更しやすくするために構成要素の依存関係を考慮した構造を検討しました コンポーネントの実装は Web Component を利用し、Vue.js と React にも対応します アイコンやデザイントークンに対応する実装は Figma から取得したリソースを元に生成します 1. はじめに 2022/08/16 に入社しました、Web フロントエンド開発を中心に行っている寺島です。 私は入社してから現在に至るまで、アンドパッドのデザインシステム 『Tsukuri』 の Web 向け実装である 『Tsukuri for Web』を開発しています。 この記事では以下について紹介します。 Tsukuri および Tsukuri for Web の背景 現在行っている開発のベースとな
ウェブアクセシビリティ導入ガイドブック｜デジタル庁
デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
UIの名称まとめ 〜よく見かけるけどあれなんていう名前？〜｜Nviveto
コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。 忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。 UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ
Google Mapsがレビュー数を伸ばすための取り組みとサービスデザイン考察記事｜坪田 朋
先日、グーグルが飲食店検索で初のトップにという記事を見かけて、Google Mapsがどうやってレビュー情報を集めてきたのか、過去に書いた考察記事を公開しました。 UXリサーチ目的で、普段からデザインアップデート記録を残しているんだけど、Google Mapsのレビュー機能は2016年から頻度高く使ってきたので、実体験とコンテンツを増やしてきたのか考察をまとめた内容です。 Google Mapsのレビューを始めたキッカケ最初にレビューを投稿したのは2016年で、旅行前にGoogle Mapsで行きたい場所やお店を保存して、現地に行った時になんとなく写真と口コミを投稿したのがキッカケ。 初回投稿後にレビューを促進するコンテンツがメールで届くようになった当時Google Mapsのレビューはまだ認知度が低くメールのタイトルも実験中の雰囲気があった。特典という言葉に釣られてローカルガイドに参加し
Tokens Studio(Figma Tokens) で小さくはじめるデザインシステム
📝 はじめに こんにちは犬です。 デザインシステムをはじめる上で、 Figma の神プラグインを見つけたので共有します！ わたしが携わっているプロジェクトでは、エンジニアとデザイナーの双方向のコミュニケーションツールとして Figma Tokens を採用しています。 📝 Figma本体 だけでは実現が難しい色の管理手法 Figma と フロントエンド実装時の色の管理については以下のように取り決めました。 # 色の定義と利用方法 1. Primitive colors を定義 ここで定義した色をサイト全体で使用する。 ※ 定義はするものの、全ての色をサイト全体で利用するとは限らない。 基本色（赤、黄、青、、、など）からアルファ値や彩度、明度を機械的に算出して全カラーパレットを作成。機械的に出した色に微妙なものがあった場合は微調整する Primitive colors の例 red.10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ロゴもレスポンシブロゴの時代へ デザイン会社 ビートラックス: ブログ
【篠原榮太 作品集】 テレビタイトル
https://www.buffett-code.com/slides/search
アンドパッドのデザインシステムの
今までとこれから（Frontend Talk 〜デザインシステム構築のリアルな裏側〜）｜sizucca
デザインパターン[モデリング] -TECHSCORE-
一分で生成されたAIの描く廃墟イラストに完全に勝てない「むなしい」「もう絵を描く必要は...」
