タグ

designに関するtoyaのブックマーク (516)

  • 「ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる」資料に使う文字フォントにも色々な宗派があって時に聖戦が起こる

    ぴよすけ @piyopiyosakana1 ExcelフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる。 逆に、他のフォントは開いた瞬間、テンション下がって眺める気になれない。 2024-04-12 20:54:10

    「ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる」資料に使う文字フォントにも色々な宗派があって時に聖戦が起こる
  • デザイナーのとなりで仕事を見ている気分 「そのデザイン、どうやって作るの?」が分かる、デザインの参考書 | 翔泳社

    デザイナーの頭の中、手の内がまるわかり! 「ロゴ、ポスター、パンフレットなどの身近なデザイン、プロは実際どう作っているの?」 企画、アイデアの考え方から、Illustratorなどによる制作テクニックまで。グラフィックデザイン初心者が、仕事の知っておきたい知識と技術を学べるやさしい入門書です。 プロのデザイナーでありデザイン学校の講師としても活躍する著者が、実際の作品例を交えながらレクチャー。プロが頭の中、手の内を惜しみなく見せてくれます。 デザインの流れを見られることで、具体的なものを作りたい人にもすぐ参考になると同時に、基的なデザインが上手くなるためのコツや、初心者が陥りがちな気を付けてほしいポイントについても紹介しています。 「デザインって楽しい、面白い」 「自分が作っていて楽しいと思えるデザインでないと、他の人の心も動かせない」 そう語る著者による温かく実務的なアドバイスは、デザ

    デザイナーのとなりで仕事を見ている気分 「そのデザイン、どうやって作るの?」が分かる、デザインの参考書 | 翔泳社
  • 次期マイナンバーカードのデザイン公開--「マイナカード」の名称廃止も検討

    デジタル庁は、現行のマイナンバーカードの後継にあたる「次期個人番号カード」のデザインイメージを公開した。券面から性別の記載を省いたほか、色や柄、レイアウトを調整し「日の国民カードにふさわしい、誰もが持ちたくなる魅力的なデザイン」を実現するという。導入目標時期は2026年。 デザインは次期カードを議論するタスクフォースが取りまとめた。新カードでは生年月日の記載を和暦から西暦に変更するほか、氏名についてもローマ字を表面に併記できるようにする。また、発行主体を明確化するために「日国 JAPAN」の記載も検討する。性別については「実務上問題ない」との判断からICチップ内での記載に留める。 このほか、現行カードでは4つ存在する暗証番号を2つに集約。将来的にはスマートフォンの生体認証などを活用することで、暗証番号を不要にする。 新旧カード切り替えに伴う、窓口などでのハードウェア交換は不要と見込まれ

    次期マイナンバーカードのデザイン公開--「マイナカード」の名称廃止も検討
  • 「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か?|moutend

    結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。

    「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か?|moutend
  • UIの色を変えただけで大量のクレームを頂戴してしまった話|のなと

    Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の1要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑&黄」から「緑塗り&緑枠線」に変更しました。「え、それだけ?」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが

    UIの色を変えただけで大量のクレームを頂戴してしまった話|のなと
  • ジャーナリズムから学ぶユーザー課題の伝え方

    伝わらないと悩むところは多いUXデザイナーやUXリサーチャーから、ユーザーの課題を優先的に取り組めない、または課題を伝えても理解されないという相談を受けることがあります。デザイナーを含め、多くの人がユーザーに価値を提供したいと考えています。しかし、価値観の違いや事業の優先順位により、意図が伝わらないことがあります。特に大きな組織では、このような悩みを耳にすることが多いです。 デザイナーだけでなく、異なる分野の専門家も「大事に思っていることが周知されない」という悩みを持っています。例えば、気候変動に関するジャーナリズムの分野では、災害の報道だけでは読者の関心を引きにくく、報道の優先順位も低いことが課題とされています。 この問題に取り組む一環として、2022年1月に The Oxford Climate Journalism Network(OCJN)が設立されました。記者、編集者、写真家、フ

    ジャーナリズムから学ぶユーザー課題の伝え方
  • UI文言を検討するときのSmartHR Design Systemの歩き方|稲葉志奈

    社外にも公開しているSmartHR Design Systemは、ライティングに関するガイドラインも充実しています。この記事では、UI文言を検討したいと思ったときにそれらのガイドラインをどのように活用するとよいのか、おすすめの参照方法を紹介します! チェックリスト的に参照したいライティングスタイル ライティングスタイルには、UI文言に限らずヘルプページやリリースノートなどにも適応したいガイドラインがまとまっています。 基的かつ具体的な内容で、数も多くないので都度チェックリスト的に参照するのがおすすめです!ヘルプページやリリースノートも含めて、開発に関わる文言や文章を書く機会に参照すると、自然と頭に入っていきます。 迷ったときに参照したい用字用語

    UI文言を検討するときのSmartHR Design Systemの歩き方|稲葉志奈
  • JIN:R|初心者の気持ちに寄り添ったWordPressテーマ

    だからこそ、JIN:Rは「パソコン初心者でも、できるだけ難しい設定を触らず挫折しないように、かんたんにブログが作れるツールを作りたい」という想いを軸に開発を進めました。 たった20秒で、ここまでブログ構築できます! 難しいデザインはプロに任せて、画像を用意するだけで美しいページを用意できます。 「JIN:Rを選んでよかった!」と言ってもらえるように、 初心者にもやさしいテーマ設計を心がけて作り上げました。 これまでJINのブランドが大切にしてきたのは 「ブログを読む人」も「記事を書く人」も、 どちらにとっても使いやすいものを作ること。 そんな使いやすさ追求する姿勢はそのまま根底に据えて、 新エディターに特化してリメイクした、JINの最新モデルが「JIN:R」です。 「R」はJINからのリメイク(Remake)と、WEBデザイン業界に変革をもたらす野望(Revolution)を込めて、JIN

    JIN:R|初心者の気持ちに寄り添ったWordPressテーマ
  • 無料デザインツールの新鋭「Adobe Express」は試す価値あり! 生成AIの可能性は「Firefly Design Model」でさらに広がるか/AIが編集可能なデザインテンプレートを生成する新機能を試してみた【特集・集中企画】

    無料デザインツールの新鋭「Adobe Express」は試す価値あり! 生成AIの可能性は「Firefly Design Model」でさらに広がるか/AIが編集可能なデザインテンプレートを生成する新機能を試してみた【特集・集中企画】
  • はてなブログテーマCappuccinoのQ&Aを作成しました - フジブロっ!

    どうも!フジグチです! 当サイト製作のテーマCappuccinoのQ&Aを作成しました。 実際にコメント頂いたことや、私が思いつく疑問に思いそうな部分を挙げてみたので、カスタマイズする際や何かおかしい?と困った時にお役立て下さい。 全体 テーマのカラーを変えたい テーマのカラー変更が反映されない シェアボタンを設置したい 日付で使用しているフォントを使いたい 「年」を表示したい ブレイクポイント インフィード広告が表示されない タイトル関連 タイトル画像を調整したい タイトルの文字サイズを変えたい ヘッダー関連 グローバルナビゲーションを設置したい おすすめ記事のアスペクト比を変えたい 記事上関連 記事タイトルの装飾を消したい パンくずリストを表示したい 更新日の表示が崩れる 記事内関連 装飾が重なる 目次のマーカーを変えたい サイドバー関連 プロフィールのカスタマイズをしたい タブレット

    はてなブログテーマCappuccinoのQ&Aを作成しました - フジブロっ!
  • フジブロっ!

    2021-10-18 はてなブログのレスポンシブテーマをカード型やインストール数で検索しやすくまとめてみた 便利ツール カスタマイズ ブログ運営 どうも!フジグチです!はてなブログを始める時や慣れてきた時に、ブログデザインを変更したくなったことはありませんか?はてなブログでは、デザインテーマのコンテストが定期的に開催されるなどして、ユーザーが作成したデザインテーマが数多く公開されて… #デザインテーマ #Vue.js 2021-08-13 はてなブログBrooklynユーザー必読!デザイン崩れを修正する方法 カスタマイズ どうも!フジグチです! つい先日テーマの乗換えをお手伝いする時に、ヒアリングした印象から【Brooklyn】をおススメしました。 はてなブログのテーマでも常にトップを争っているテーマであり、2016年から使用され約4万インストールもされている実績もあるの… 2021-07

    フジブロっ!
  • O-DAN (オーダン)- 無料写真素材・フリーフォト検索

    高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日語で横断検索できるサービス「O-DAN(オーダン)」

    O-DAN (オーダン)- 無料写真素材・フリーフォト検索
  • Cappuccino

    2021-07-01 グローバルナビゲーションの設置方法 カテゴリテスト 下の ボタンを押して入力フォームを表示し、「URL」「カテゴリ名」を入力することで、この場でグローバルナビゲーションを表示するコードを作成することが出来ます。 ボタンや ボタンを押すことでカテゴリを追加、削除できます。(※あまりにも増やすとデザイ… 2020-11-17 目次・見出しデザインの変更方法 - デザインが重なってしまう方へ カテゴリテスト 見出しや目次をカスタマイズされる方の為に、CSSが干渉しないように元々のデザインをリセットするCSSを用意していますので、カスタマイズの際にご利用ください。 www.fuji-blo.com 2020-11-17 ページャーデザインのサンプルエントリーです 長いカテゴリタイトル長いカテゴリタイトル ページャーデザインのサンプルです。 記事下をご覧ください。 2020-1

    Cappuccino
  • はてなブログテーマCappuccinoを公開しました! - フジブロっ!

    どうも!フジグチです! 当サイトでは、はてなブログのカスタマイズを主に行ってきました。 そんな私がこの度、オリジナルテーマ【Cappuccino】(カプチーノ)をテーマストアに公開したのでお知らせいたします。 テーマのコンセプトはラテアート(アイキャッチ)を映えさせる大人可愛い(かっこいい)テーマです。 このテーマは次のような方におすすめ出来るテーマになっています。 カスタマイズが苦手 アイキャッチが中央しか表示されず困っている アイキャッチを映えさせたい カラーを簡単に変更したい 似たようなテイストがイヤだ 大人可愛い(かっこいい)サイトにしたい 1つでも当てはまっている方は(そうでない方も)ぜひこの記事を読んで、インストールしてみてください。 デザイン フォント 日付 トップページ記事一覧表示※はてなブログPRO限定 アイキャッチ プロフィール 目次 コメント欄 ページャー ユーザビリ

    はてなブログテーマCappuccinoを公開しました! - フジブロっ!
  • SANGO|心地良さを追求したWordPressテーマ

    ユーザー体験を追求したテーマ SANGOはユーザーフレンドリーを徹底的に追求したWordPressテーマです。ブロックエディターにも完全対応しています。

    SANGO|心地良さを追求したWordPressテーマ
  • 道路交通看板「静かに」について - 青春ゾンビ

    夜が更けた帰り道、親の運転する車の窓から見上げる、「静かに」と書かれた青い看板が好きだった。お出掛けが終わってしまう“寂しさ”と、知っている場所に帰ってきた“安心感”がないまぜになったような感覚。幼心に芽生えたちょっとだけ複雑な感情が、あの看板に今でも宿っているような気がする。 そもそも、道路標識というものは、運転中にドライバーが目にするものだから、注意喚起するわりには情報量が少ない。じっくり読ませてしまったら事故を起こしてしまうから。「結局のところ、どういう意味なんだっけ?」と混乱することもあるが、効率や機能性を追い求めるこの情報社会において、あの“抜け感”がちょっと心地よいのだ。 個人的に「普通自転車等及び歩行者等専用」(得体の知れない物語性*1)とか「動物が飛び出すおそれあり」(シカ、タヌキ、サル、ウサギなどバリエーションがあるところかわいい)の標識あたりが好き。 そういった道路標識

    道路交通看板「静かに」について - 青春ゾンビ
  • LINE社員1,361名の"色覚に関するアンケート"

    LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか? 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa

    LINE社員1,361名の"色覚に関するアンケート"
    toya
    toya 2023/07/14
  • 文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか? 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き

    文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦
  • Amazon.co.jp: 縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS&テクニック (WEB+DB PRESS plus): 池田拓司: 本

    Amazon.co.jp: 縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS&テクニック (WEB+DB PRESS plus): 池田拓司: 本
  • Amazon.co.jp: 最強構図 知ってたらデザインうまくなる。: ingectar-e: 本

    Amazon.co.jp: 最強構図 知ってたらデザインうまくなる。: ingectar-e: 本