モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響

2024/02/06 287 users ウェブデザイン フォント ユーザビリティ上 デスクトップ 問題

モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First ... 続きを読む

「感情や情景の余白の埋め方がうますぎる」フリーレンのアニメはコマ間の膨らましやアニオリ演出で原作を補完した”翻案”という解説がすごい

2023/12/19 217 users 翻案 情景 フェルン フリーレン 原作

インクエッジ @02Curry 漫画原作のアニメ化ではいま葬送のフリーレンがとてもよくやってる　内容の主旨に沿ってコマ間を膨らますのはとうぜんとして、たとえばこのラストのフェルンの芝居もアニオリ pic.twitter.com/GvLaRRweVR 2023-12-17 17:01:15 続きを読む

処刑された英王妃アン・ブーリンの愛読書、消された文字を発見

2023/08/17 208 users Garden 肉眼 王妃 紫外線 所在

かつてアン・ブーリンが所有していた時祷（じとう）書に紫外線を当てると、肉眼では見えない文字が余白に浮かび上がる。運命に翻弄された王妃の時祷書は、1536年に彼女が処刑された後に所在が分からなくなり、1903年ごろに発見された。（PHOTOGRAPH COURTESY HEVER CASTLE & GARDEN） 英国王ヘンリー8世の2番目の妻であ... 続きを読む

Nintendo Switch版発売記念、言語解読ゲーム『7 Days to End with You』開発者インタビュー。独自性の鍵は「理解の余白」（ネタバレなし） - AUTOMATON

2023/01/26 327 users パブリッシャーPLAYISM AUTOMATON 記憶喪失

弊社アクティブゲーミングメディアのパブリッシャーPLAYISMは本日1月26日、『7 Days to End with You』のNintendo Switch版を発売した。『7 Days to End with You』は言語解読アドベンチャーだ。プレイヤーは記憶喪失の主人公として、目の前の赤い髪の人物と交流。しかしこの人物とはまったく言葉が通じない。言葉を理解... 続きを読む

れい(Windowsを許さない) on Twitter: "これは違うな。 画面が大きいからじゃなくて余白がないから読めない。 QRコードは周りに4ピクセルの余白が必要だし、そもそもいちばん大切なファインダ

2022/10/21 296 users https t.co レイ on Twitter QRコード

これは違うな。 画面が大きいからじゃなくて余白がないから読めない。 QRコードは周りに4ピクセルの余白が必要だし、そもそもいちばん大切なファインダパターンが切れてる。 https://t.co/0qVw06ypXV 続きを読む

設計解がないと思われた製品にエースエンジニアが投入され、翌日あっさり大枠をまとめて来た→その解決方法がカッコよすぎた

2022/08/06 323 users エースエンジニア 製品 前職 ピーナッツ 解決方法

ピーナッツ @1zA5ijpgBABKIy2 前職で、どうやっても設計解がないと思われた製品にエースエンジニアが投入され、翌日にあっさり大枠をまとめて来たことがあった。 「え、何やったんすか？」って聞いたら「めちゃくちゃ散歩したんだよ」って言われて言葉を失った。生産性とは余白なのだわ。 2022-08-05 17:35:16 続きを読む

デザイン分からない人が参考にすべきデザインは「市販薬の説明書」である、という話→その真意に納得の声

2022/01/04 208 users 真意 市販薬 リャ デザ サキュバス

サキュバスのリヤ💥🍺 @riyaDAZO デザイン分からない人が、参考にすべきこの世で最も優れたDTPは「市販薬の説明書」や。 何故なら命に関わる文書なので超わかりやすい。 資料やスライド等を作らなければいけないノンデザイナーな方々は薬の説明書の「フォント」「サイズ感」「余白」「装飾」を真似すると読みやすいデザ... 続きを読む

最近のネット見ていると「素人の時代」が終わったんだなと悲しい

2021/03/26 532 users 素人 時代 ネット TikTok YouTuber

はてブに上がってくる記事もブログはほとんどなくなったし。 人気のYouTuberもみんな芸能人。 TikTokやクラブハウスも芸能人に乗っ取られた。 ツイッターでバズっているのもプロの漫画家だったり、アイドルだったり。 昔はよくわからん出自の素人が活躍する場所だったのになぁ。 いまそういう余白ってほとんどないよなぁ... 続きを読む

ウェブデザインの余白に規則性を持たせるためのパターン · GitHub

2020/12/14 208 users GitHub ウェブデザイン パターン 規則性

$vertical-rhythm-line-height: 1.7; $vertical-rhythm-unit: ($vertical-rhythm-line-height * 1rem); h1 { margin: 0 0 $vertical-rhythm-unit; padding-bottom: ($vertical-rhythm-unit * .5); font-size: 1.5rem; line-height: ($vertical-rhythm-unit * 2); border-bottom: 1px solid gray; } p { margin: 0 0 $ver... 続きを読む

エンジニア向けの余白の基礎 / Spacing - Speaker Deck

2020/08/21 327 users 木下 フロントエンドエンジニア ゴール デザイナー 品質

Transcript None 木下 裕哉 Yuya Kinoshita デザイナー フロントエンドエンジニア yuyakinoshita.com はじめに この資料のゴール 余白に少しでも興味をもってもらえること さらなる狙い 余白の基礎について 3つのポイントを意識してもらえること 主な対象者 Webサイト、アプリ、資料などの 品質を上げたいと思っているか... 続きを読む

こんばんは、オムライスです。どんな言葉でもいいですが、できれば4文字以..

2019/11/20 132 users オムライス ひらがな LOVE 漢字 言葉

こんばんは、オムライスです。どんな言葉でもいいですが、できれば4文字以上がおすすめです。あと、漢字やひらがななどとり混ぜるのも良いですね。難しくて、きっと失敗すると思います。 例えば「LOVE」。せいせいとLを書き、やがて余白が足りなくなり、せせこましいEで終わらせがちせす。アチャァと顔を曇らせて、上か... 続きを読む

ブサイクなUIデザインを劇的に改善するための10のチェックリスト｜Taiki IKEDA｜note

2019/06/03 656 users Taiki Ikeda Note イケダ チェックリスト 左右

お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪... 続きを読む

さくら田中氏「社長の機嫌が悪くなると会社は傾く」 　成長企業をつくるために、経営者が心がけるべき“余白の実践” - ログミー[o_O]

2018/12/19 420 users IVS DOJO 機嫌 田中邦裕氏 登壇 ログミー

2018年12月19日に行われた「IVS2018 Winter Kanazawa」のセッション「IVS DOJO」で、さくらインターネット株式会社・田中邦裕氏が登壇。27歳で会社を上場させたという輝かしい記録の裏には、数々の失敗があったと語る田中氏。傾いた会社を立て直すに至ったきっかけとはなんだったのか。心がけた“3つの心持ち”について、... 続きを読む

[CSS]テキスト要素の先頭行だけline-heightを取り除き、上ぴったりに揃えるスタイルシートのテクニック | コリス

2018/08/21 187 users コリス line-height CSS テキスト スペース

テキスト要素を配置する際、line-heightがあると、テキストの先頭行を上ぴったりに揃えることはできません。先頭行だけline-heightでできた上スペースを取り除き、上に揃えるスタイルシートのテクニックを紹介します。 これをしたいと思った人は少なくないと思います。 先頭行の余計な余白を取り除き、ぴたっと揃えるこ... 続きを読む

【資料作り講座・第8回】ポイントが一目でわかる資料作り・Word応用編 | プリント日和 | 家庭向けプリンター・複合機 | ブラザー

2018/06/12 107 users ブラザー 太字 一目 word 装飾

資料作り講座の第8回目。今回は、前回に引き続き、Wordを使った資料の作成方法についてご紹介します。 前回の基礎編では、分かりやすい白黒資料の作り方を5ステップにわけてご紹介しました。今回の実践編では、色や余白を応用して、カラーでより分かりやすい資料の作成方法をご紹介します。 文字の装飾をマスターして資料にまとまりを作る 資料を作るうえで、文字に色をつけたり太字にしたりすることで字面を飾りたてるこ... 続きを読む

【資料作り講座・第8回】ポイントが一目でわかる資料作り・Word応用編 | プリント日和 | 家庭向けプリンター・複合機 | ブラザー

2018/06/12 107 users ブラザー 太字 一目 word 装飾

資料作り講座の第8回目。今回は、前回に引き続き、Wordを使った資料の作成方法についてご紹介します。 前回の基礎編では、分かりやすい白黒資料の作り方を5ステップにわけてご紹介しました。今回の実践編では、色や余白を応用して、カラーでより分かりやすい資料の作成方法をご紹介します。 文字の装飾をマスターして資料にまとまりを作る 資料を作るうえで、文字に色をつけたり太字にしたりすることで字面を飾りたてるこ... 続きを読む

デザイナーの考える「余白」とは何か書き下してみる - Qiita

2018/01/06 135 users Qiita margin 主語 CSS デザイナー

この記事は... 「CSSで「余白」を制してデザイナーに好かれよう」 というとても素晴らしい，本当に有難い記事が上がっていたのを見て，じゃあデザイナー( 主語がでかい )は余白をどう考えているのかを，CSSを書いている一デザイナーの身から書き下してみよう、というものです． 「余白」の意味の書き下しと『 marginは下ではなく「上」で取る！ 』ことが多い理由の分析 「余白」において重要なのは以下の... 続きを読む

【余白が怖い】残業代ゼロ法案を図示するとこうなる(渡辺輝人) - 個人 - Yahoo!ニュース

2015/04/06 513 users Yahoo 怖い 渡辺輝人 残業代ゼロ法案 ニュース

残業代ゼロ法案＝過労死促進法案がいよいよ閣議決定され、統一地方選挙後にも審議入りする情勢です。 朝日「残業代ゼロ」法案を閣議決定　裁量労働制も拡大読売労働時間でなく成果で…労基法改正案を閣議決定ＮＨＫ成果で報酬 労働基準法改正案を閣議決定日経岩盤規制改革、３法案を閣議決定　農協・雇用・特区このことを伝えるマスコミ報道は、朝日新聞を除き、相変わらず「時間でなく成果」「脱時間給」などという言葉が溢れて... 続きを読む

Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」 - GIGAZINE

2015/03/16 471 users GIGAZINE モックアップ 一目 アニメーション 統一理論

Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材の... 続きを読む

デザインセンスが上がった！レイアウトに詳しくなるまとめ | コムテブログ

2014/10/27 217 users レイアウト コムテブログ デザインセンス 対称 見栄え

どうすれば初心者でも「分かりやすく見栄えのするレイアウト」を作ることが出来るのか。余白の使い方や知識、さまざまなレイアウトの例をご紹介させていただきます。闇雲な配置にならないように、レイアウトを組む前に読んでおきたいこと。今回はWebデザインのセンスを上げるために、イラストや構図から学べる知識をまとめました。 もくじ レイアウトの基本知識 １．分割、対称、軸 ２．イラストから学ぶ構図 ３．ダイナミ... 続きを読む

シェルスクリプトの平文パスワードをセキュアにする方法 - 余白の書きなぐり

2014/09/14 362 users シェルスクリプト テクニック セキュア 復号化 文字列

2014-04-14 シェルスクリプトの平文パスワードをセキュアにする方法 シェルスクリプト sshを使用している人は文字列を手軽に暗号化・復号化できるという話。 このテクニックを使えば色々セキュアになるのでおすすめ。 今回はシェルスクリプト中の平文パスワードをセキュアに代替する。 平文パスワードはやめよう シェルスクリプト中でパスワードが必要になったとき、 とりあえず平文で書いてしまいがち。 #... 続きを読む

余白の取り方が美しい、シンプルで素敵な国内ブログデザイン10 | tipsBear

2014/02/03 175 users tipsBear 主観 装飾 バランス 下記

シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。 ブログのデザインって作ってみると思っているよりバランスをとるのが難しくて苦戦します。 下記のサイトは記事内に画像が無くテキストオンリーでも余白の取り方が美しくて読みやすかったり、装飾の使い方が絶妙だったりと、ブログ... 続きを読む

[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート | コリス

2013/11/11 269 users コリス TETRIS CSS カラム数 倍数

下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収めたいという時に役立つスタイルシートのテクニックを紹介します。 Tetris & The Power Of CSS 基本となるHTMLは、リストでアイテムを配置します。 HTML ア... 続きを読む

ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集 - GIGAZINE

2013/11/11 403 users GIGAZINE アイルランド ウェブデザイナー ポスター

「余白が多すぎる」「もうちょっと面白くして」「ポップにして」「インターネットから取ってきた画像を使えないかな？」「ほら、前よりずっとよくなった。君もそう思わない？」など、アイルランドのウェブデザイナーやアニメーター・イラストレーター・ディレクターらがクライアントに最も言われたくない言葉をポスターで表現したのが「Sharp Suits」という企画ですが、Sharp Suitsに出展された作品うちウェ... 続きを読む

太宰治 ノートの余白に「芥川」連ねる　NHKニュース

2013/05/10 292 users 芥川 メロス 太宰治 ノート 似顔絵

「走れメロス」や「人間失格」などの作品で根強いファンを持つ作家の太宰治が、中学校と高校で使っていたノートなどが東京の文学館に寄贈されました。 ノートには似顔絵やメモ書きがあり、専門家は太宰が文学を志すまでの少年時代を知る貴重な資料だとしています。 寄贈されたのは、太宰治が中学校と高校で使っていたノートや日記など２２点です。 太宰の兄で、衆議院議員だった津島文治さんからこれらを受け取った知人の遺族が... 続きを読む