前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
ゲーム全般 『パルワールド』パクり問題から感じるとてつもない嫌悪感。ポケモン同人誌みたいなものでメチャクチャやればそりゃ話題にはなる。「他社の知的財産権等を侵害する意図は全く御座いません」とは思えないデザイン。 先日の記事で『パルワールド』について取り上げましたが、今回もちょっと語りたい。 言いたいことが足りなかったというべきか、自分が抱いている嫌悪感をもうちょっと上手く言語化したいと思ったからです。 ちなみに本作、なんとリリースから24時間で200万本の売上を叩き出したそうです。 パルワールド、リリースから24時間で販売本数200万本突破！ 沢山の方々に遊んでいただき、本当にありがとうございます！#ポケットペア #パルワールド pic.twitter.com/Dv1V64DmXg — パルワールド/Palworld 公式 (@Palworld_JP) January 20, 2024 正
伝わりやすいスライド資料の作り方。資料作成の流れからデザインのコツ、デザイン初心者さんにおすすめの本まで紹介｜fuyuna blog｜デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
センスがなくても大丈夫！デザインのコツを活用すれば、だれでも見やすくわかりやすい資料を作成できます。 イマイチな例といい例のスライド見本もご用意しているので、よければ参考にご自身のスライド資料をブラッシュアップしてみてください。 5. フィードバックをもらう資料のデザインが完成したら、上司や先輩に確認してもらいましょう。プレゼン資料は人に見てもらうことを前提として作るため、客観的な意見は重要です。 目的を果たせる資料になっているか内容がわかりやすいかプレゼンを通してどんな印象を受けるかなど意見をもらい、ブラッシュアップをしていきます。 このとき、PDF形式で書き出したものを確認してもらうと、より資料のクオリティが上がります。デザインの現場でもよくあることですが、PDFや印刷した資料を見ると、スライド作成時には気づけなかった誤字や脱字、表現の違和感などに気づけます。 PDFファイルの作成・共
デジタル庁デザインシステムβ版
デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど
ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから１つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「＆」の正体正式にはアンパサンド（ampersand）と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は“ampersand”（アンパサンド）です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系
商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離れを招いていませんか？そうならないよう
これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文 : https://help.figma.com/hc/en-us/sections/14548397990423-Course-Introduction-to-design-systems) この記事は、Figmaから許可を得た上で翻訳され、Brand Guidelineに則った内容となっております。(Brand Guideline: https://www.figma.com/ja/using-the-figma-brand/) ## 更新情報 [2023/7/1] - 表紙画像に、このコ
アプリの画面をデザインする際、エンジニアさんに 「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて 「ｳﾜｱ考えてなかったすみません、今作ります。。」 （なんて自分はポンコツなんだ、、ｳｳｳ） と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UI Stack アメリカのプロダクトデザイナー Scott Hurff さんが世に出した 「UIの考慮すべき5つの状態」という考え方です 5つの状態 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error State（エラー状態） ・Ideal State（理想状態） 一つ一つ参考を交えな
『はじめよう！ 要件定義 ～ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラストと平易な文章がとっつきやすく、するすると読めてしまいますが、要件定義って何をどうやったらいいの？とお悩みの方に対して、まずはこれだけやっておくべき基礎知識を得ることができる、とてもわかりやすい内容になっています。 そしてそして、ここからが本noteの主な趣旨ですが、この3部作はデザイナー目線で読み解くと、極めて明瞭で本質的で実践的な、ユーザー体験設計とUI設計の進め方について学べるデザイン教則本と言えるのです。 以下、その理由と、本シリーズを使ってUIデザインを進めていく方法を実例を踏まえて解説していきます。 要件定義とはUI・機能・データを決めることいきなり『はじめよう！ 要件定義 』のキモ・コンセ
ユニクロの女性用ジャケットにポケットがないのは女性差別？ レディースファッションのデザイン問題を元アパレル企画職が解説 | 「前に立つ人」専属スタイリスト久野梨沙 - エグゼクティブ向けファッションコーディネートサービス
一般論として、メンズとレディースのデザインの違いは？ ユニクロに限らず、レディースのスーツジャケットはメンズとは仕様が異なる点が多々あります。 まず、胸ポケットと内ポケットはほとんどの既製品のスーツジャケットにはありません。 メンズのスーツジャケットには必ずある袖口のボタンもほとんどのレディースジャケットにはありませんし、ウールなどの天然繊維が中心のメンズジャケットに比べ、レディースは化繊中心、という違いもあります。 また、スーツ以外に目を移すと、メンズにはないアイテムであるワンピースも、ポケットがないものは多々ありますね。 ボトムも飾りポケット（ポケット風の布はついているが、実際には物を入れることはできない偽物ポケット）であるケースも結構あります。 さらに、冒頭のツイートには「ユニクロのボア付きのアイテムは、メンズの方がしっかり分厚いのに、レディースの方がすごく薄い」という声も寄せられて
さよなら、さよなら、デザイン思考｜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を削減しオフィスを閉鎖）」という記事をあげています。 しかし、本当にデザイン思考が“終わった”と言えるのでしょうか。 もしデザイン思考が終わったとして、これからのデザインはどのような役割を果たすのでしょうか。 そんな話を書いていきたいと思います。 「デザイン
｢TweetDeck｣がついにTwitter Blueへの加入が必須に − 新デザインも正式提供開始 | 気になる、記になる…
Twitterが、公式クライアントサービス「TweetDeck」の新バージョンの提供を正式に開始しました。 「TweetDeck」の新バージョンは以前よりプレビュー提供されていたので、既に使用しているユーザーも多いと思いますが、カラムの設定を「デッキ」として複数保存でき、デッキを切り替えることで様々なカラム設定を利用することが可能なのが特徴となっています。 昨日に「TweetDeck」の旧バージョンでツイートが読み込めなくなったことが報告されましたが、これはツイート閲覧数の制限が原因ではなく、Twitterがデータスクレイピング（データ収集）を防ぐためにレガシーAPIを削除したことが原因で、この問題は新バージョンに切り替えることで解決し、全てのユーザーが今週中に新バージョンに強制的に切り替えられるそうです。 ただ、新バージョンの正式提供開始と同時に「TweetDeck」の利用には有料サービ
個人でも商用でも完全に無料で利用できる、さまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ホワイトペーパー、ブラックペーパー、クラフトペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、全部ダウンロードすると時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。1年くらい前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティフリーとなっています。詳しくはダウン
前置きゼルダの伝説 ティアーズオブザキングダムをクリアした。ラスボスとエンディングが非常に素晴らしかった。自分がこれまで遊んだゲームの中で、最上級と言えるようなゲーム体験がそこにあった。 グラフィック、展開、音楽、ストーリー、演出など全てが素晴らしかった。だがそれだけではない。最初は気付かなかったがしっかり観察していくとゲームデザイン面でも様々な工夫がされていることが分かった。 本記事では、私ニカイドウレンジがプレイして気付いたラスボスのゲームデザイン的工夫について解説していきたい。ゲームを理解することの助けや、ゲーム開発の助けになれば幸いだ。 逆にゲームデザイン以外についてはほとんど語らない。演出や展開や音楽などについて詳しく知りたければ、じーくどらむす氏の記事が詳しいのでこちらをお読み頂ければと。 まずは注意事項。 注意①：本記事はゼルダの伝説 ティアーズオブザキングダムのラスボスにつ
｢センス｣は生まれ持った才能ではない…センスのいい人が日常生活の中で実践している2つの習慣 デザインの制作意図は6パターンに分類できる
センスを身につけるための2つの能力 街中にある看板や企業のポスター、道路の標識、電車内の広告、商品パッケージ、WEBサイト……私たちの身の回りには、ありとあらゆるところに数えきれないほどのデザインが溢れています。普通の人にとっては「オシャレだなぁ」とただ眺めるだけでスルーしてしまうもの、あるいは「煩わしい」と感じるものかもしれません。 一方で、プロのデザイナーにとってはデザインセンスを養う教材のひとつとなっています。日常生活で目にするデザインには、ひとつひとつに制作者の意図やこだわり、伝えたいメッセージが込められているからです。 デザインを意識的に「見る力」、そのデザインが施された意味を想像・考察して「言語化する力」を身につけることでセンスが磨かれ、実践の場で活かせるようになります。 「赤色」に着目したときに見える世界 それでは一度、この記事を読んでいる画面から目を離して辺りを見渡してみて
【読売新聞】 国内で配信されているショッピングやＳＮＳ、ゲームなどの主要アプリの９割に、消費者を不利益な選択に誘導する画面デザインが採用されていることが、東京工業大の調査で分かった。「ダークパターン」と呼ばれ、意図しない商品を購入さ
「“回復”はプレイヤーの時間を奪う要素だから要らない」──『サガ』生みの親・河津秋敏氏が語る、超鋭角な「攻める」ゲームデザイン論。最新作『サガ エメラルド ビヨンド』では短くかつヒリつくバトルを追求、「プレイヤーに同じような体験を何度もさせない」ことを目指した
RPGでは当たり前に存在する「回復」と「ショップ」をなくした理由──「回復」というのはこれまでのRPGにおいて当たり前に存在している要素だと思うのですが、『サガ エメラルド ビヨンド』では回復がないとお聞きしています。なぜRPGのバトルから回復という存在を排除したのでしょうか？ 河津秋敏氏（以下、河津氏）： 自分としては、回復はバトルを引き延ばしてプレイヤーの時間を奪っている要素だと思っているんです。ゲームに縛り付ける時間を長くするだけの要素で、必要性を感じないんですね。 ──回復はユーザーの時間を奪っている……ですか。これまでRPGには当たり前に存在していた要素なだけにその視点は驚きです。 河津氏： それに回復があると、回復役に盾役に攻撃役にと、パーティ編成が固定化されてしまうじゃないですか。そうすると自由度がなくなる。 自分自身、HPが削られるのが嫌いなのでどうしても守りを固めて回復で
嘯(しゃお, 𝕏iao) @xiao_signo028 絵を描く医者。専門は神経(neurology)。Pixiv→ pixiv.net/users/181992。医学界新聞にて『ひなこの研修日記』連載終了→ bit.ly/3nAw2Y3 解剖図等→＃XiaosAnatomy Misskey→@xiao_signo028@nijimiss.moe 嘯(しゃお, 𝕏iao) @xiao_signo028 パルワールドのパルのデザインが色々と話題なので、ポケモン等のデザインと比較してモチーフ考察をしました。いずれも明確な著作権侵害にあたるものではないと思います。あくまで既視感の源を探す試みです。キャラデザは「シルエット」「配色」「ディティール」が重要だと思います(1/2) pic.twitter.com/3WKdFQDbwm 2024-01-26 01:05:15
海外営業マン @supremeeigo 名目12%成長ってすごいですね 実は白状すると2000年くらいからずっと「日本経済もうダメでしょ」派だったのですが、2023年は初めて「日本経済始まったな」と肌感覚で感じたんですよね、うまく説明できませんが news.yahoo.co.jp/articles/62770… 2023-08-15 09:29:44
24時間365日動き続けるデータシステムの設計手法 : 「データ指向アプリケーションデザイン」実践編
「データ指向アプリケーションデザイン」をベースに、24時間365日動き続けるデータシステムを実装する際に必要となる技術や考え方を紹介します。 この資料は、2023年大阪大学大学院 情報科学科 マルテメディア工学特別講義で使われた資料を一般用に修正して公開しています。 参考： 「30分でわかるデータベースデザイン」https://speakerdeck.com/xerial/30fen-dewakarudetazhi-xiang-apurikesiyondezain-data-engineering-study-number-18
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ
デジタル庁は、現行のマイナンバーカードの後継にあたる「次期個人番号カード」のデザインイメージを公開した。券面から性別の記載を省いたほか、色や柄、レイアウトを調整し「日本の国民カードにふさわしい、誰もが持ちたくなる魅力的なデザイン」を実現するという。導入目標時期は2026年。 デザインは次期カードを議論するタスクフォースが取りまとめた。新カードでは生年月日の記載を和暦から西暦に変更するほか、氏名についてもローマ字を表面に併記できるようにする。また、発行主体を明確化するために「日本国 JAPAN」の記載も検討する。性別については「実務上問題ない」との判断からICチップ内での記載に留める。 このほか、現行カードでは4つ存在する暗証番号を2つに集約。将来的にはスマートフォンの生体認証などを活用することで、暗証番号を不要にする。 新旧カード切り替えに伴う、窓口などでのハードウェア交換は不要と見込まれ
Twitterのオーナー、イーロン・マスク氏は米国時間の7月22日土曜日の夜、「プラットフォームカラーを（現在の青から）黒に変える」投票ツイートを投稿し、その後で「そしてすぐに、Twitterブランドに別れを告げ、段階的にすべての鳥たちにも別れを告げるだろう」とツイートした。 「今夜、優れたXのロゴが投稿されれば、それを明日世界中で公開しよう」とも。 このツイートを受け、多数のユーザーが「X」のロゴデザインを投稿している。 マスク氏はその後、「Deus X」（Deus Ex？）や「家電をあんまり“スマート”にすべきじゃないよな」などとツイートしており、ロゴ変更のツイートは土曜の夜の気まぐれの1つのようにもみえる。 4月には一時的にTwitterのロゴを柴犬に変更し、すぐに元に戻している。 マスク氏はTwitter買収完了当時、「Twitterの買収はすべてのアプリであるXの構築を促進するも
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される
S @BLTplz フォントマニアなら知っている、無印のイメージを作っていると言っても過言ではないモリサワの「ゴシックMB101」。商品のラベルに使われてるアレ。最近、違うフォントが紛れ込んできてて、ちょっと嫌。 無印は商品だけじゃなくて、店頭POPやラベルにも最近迷いを感じる。ちょっと危険って感じてる。 pic.twitter.com/YpNNO9hGyb 2024-01-07 15:02:18
「デザイナーだけがデザインをする時代は古い」「デザインにセンスはない」と語るのは、Udemyの「UI/UXの改善を進めるための基礎講座」などで人気を誇る、UI/UXデザイナーの濱野将氏。生成AI時代において、デザインをビジネスをつなげるためのポイントや、UI/UXの基礎を解説します。 UI/UXデザイナーが教えるデザインの基本 濱野将氏：それでは、僕からは「ビジネスを実現する『デザイン』の基本」をお話しさせていただきます。よろしくお願いします。 今日のアジェンダはこんな感じです。「デザインの必要性」「デザイナーだけがデザインする時代はもう古い」「UI/UXについて」。今回はAIがテーマなので「AIを使ったプロジェクトの進め方」も少し紹介させていただきたいなと思っております。 簡単に自己紹介をさせてください。株式会社IMAKE代表の濱野と申します。職業はUI/UXデザイナーで、講師もさせてい
やわらか湯煎 @_YU_SEN 【お絵描きの民で女の子の私服がわからない人へ】 お絵描きの民で女の子の私服がわからない人はZOZOTOWNでもいいSHOPLISTでもいいのでファンション通販サイトアプリを入れます それでレディース一覧からかわいいと思った格好を推しにさせるだけです 健闘を祈る… 2024-01-11 16:05:29
デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals
最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ？」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか？そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。
「デビュー当時25才で、すでにこの画力とか腰が抜けますよ」鳥山明先生の連載開始時の扉絵や没ネームからわかる画力やデザイン力が圧倒的
会長は三頭筋の夢を見るか。 @kaysak この則巻千兵衛よ。 極めて正確なデッサンと漫画的なデフォルメが違和感なく融合しててほんと化け物なんすわ。 x.com/kuma_neko_/sta… 2024-03-08 17:55:34
橘紫夕@でかポメ&ちびポメ @tachibana_shiu 女性の服にも大きいポケットを！と言うのは私もずーーーっと熱望していたのですが、アパレル各社様はどうかこの様な勘違いをされません様に🙏 この勘違いで女性版を作る→全然売れない→欲しいって言ってたのに嘘つき！と言う流れを何度か見ました。 何でもかんでもピンクにしない！！😂 pic.twitter.com/h6qDWhHsb3 2024-01-09 20:50:29 橘紫夕@でかポメ&ちびポメ @tachibana_shiu 「女性用も作って欲しい」とは「大きさと体型を女性に合わせて調整して欲しい」であって、可愛い色にして😘という意味ではないのよ… いや１色位可愛い色になっても良いけど、なんで全色変えるの！？黒か灰は残しといて！ 要望する側も「女性用」では全く伝わってないので具体的に言うのが吉です。 2024-01-09 21:1
Xの投稿では、イラストを添えた書面をアップ。「いのまたむつみは2024年3月10日永眠いたしました」とつづり、「あまりに突然の事で…描きかけのラフもあり、いまも天国で描いているでしょう。だいすきな猫たちに囲まれて、かわいい、強い瞳のキャラたちをどんどん生み出しているはずです」と思いを馳せた。 「いのまたむつみを愛して応援していただきました全ての方々に心から感謝を申しあげます。そしてこれからも変わらず愛していただける事を願いまして、ここに謹んでご通知申しあげます」と謝意を記し、「葬儀は近親者のみで執り行いました。生前の本人の意向により、ご弔問・ご香典・ご供物・ご献花その他はご辞退申しあげます。何卒ご理解を賜りますよう宜しくお願い申しあげます」と呼びかけた。 バンダイナムコフィルムワークスは「新世紀GPXサイバーフォーミュラ シリーズのキャラクター原案を手がけていただいた いのまたむつみ先生が
こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本
デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日本語のタイポグラフィに特化された解説書で、ひらがな・カタカナ・漢字が扱われています。もちろん、数字や記号文字も使用されていますが、英語に関してはほぼありません。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
『パルワールド』パクり問題から感じるとてつもない嫌悪感。ポケモン同人誌みたいなものでメチャクチャやればそりゃ話題にはなる。「他社の知的財産権等を侵害する意図は全く御座いません」とは思えないデザイン。 | まじっく ざ げーまー - ゲームのレビュー、攻略、情報サイト
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド
＆（アンドのマーク）は使わない｜しじみ ｜デザインを語るひと
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita
Figma によるデザインシステム入門
その状態のデザイン考えてなかった！ UI Stackってナニ｜kana
『はじめよう！ 要件定義』（とそのシリーズ）を読んで、はじめよう！UIデザイン｜金 成奎
商用利用でも完全に無料！ デザインやイラストでかなり使える高解像度テクスチャ素材 -ResourceBoy
ゼルダティアキンのラスボス戦がなぜ最高だったのかゲームデザインの観点で解説するよ｜ニカイドウレンジ
Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない！ 最新ツール
アプリの９割に「ダークパターン」、消費者を欺く画面デザイン…国内の規制は遅れる
パルワールドのパルのデザインとポケモンのデザインを比較したモチーフ考察する絵師が現る「明確な著作権侵害はなさそう」
「ガンダム世代のデザイナーが引退したから」トヨタ車のデザインが劇的に良くなっている理由
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
デザイン思考が生んだ、問題解決というデザインの「誤解」｜designing
次期マイナンバーカードのデザイン公開--「マイナカード」の名称廃止も検討
「間もなくTwitterブランドにさよならだ」とマスク氏 「X」の新ロゴデザイン募集中
無印ファンは違和感？「無印良品」のイメージを作っていたフォントが一部変更に…デザインから読み解く時代とブランド哲学
デザインにセンスは必要ない、大切なのは「情報を整理」する力 Udemyの人気講師が教える、UI/UXデザインの基礎
実際の服をイラストの資料にする時、デザインをそのままパクっていいの？→弁護士さんの解説が参考になる
2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
機能性重視の男性用アイテム「要望が多かったので女性用作りました！」→別物になるのはなぜ「デザイン的に難しい？」
イラストレーター・いのまたむつみさん急死 『テイルズ オブ シリーズ』のキャラデザインなど担当