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

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で終わらせがちせす。アチャァと顔を曇らせて、上か... 続きを読む

バリ島、なにもしない旅をする｜uiu｜note

2019/08/04 69 users しない カンボジア シドニー ベルギー UIU

「ひとりでバリ島なんか行って何するの？」 友人が言う。なにもしないをするためにバリに行く。僕は言う。笑う。 ちょうど一年前にスタートアップに転職して以来、金と時間の余白を見つけては旅に出る生活をしている。 今年は、カンボジア、ニューヨーク、シドニー、ベルギー、ロンドン、パリに行った。 遺産も都会も疲... 続きを読む

ウサギは悪の象徴だったのか？中世の写本に見られる殺人ウサギ : カラパイア

2019/06/20 92 users 写本 Facebook カラパイア 注釈 中世

image credit:Facebook/Sexy Codicology あのかわいらしくて愛嬌のあるウサギが人間を脅かすどころか命を狙うだと？ 現代ではあまり考えられないことだが、中世時代には、ウサギは人間を襲う生き物として描かれることが多かったようだ。 中世の写本の傍注（ぼうちゅう：余白に添えた注釈）には、奇妙なモンスターのイラ... 続きを読む

[CSS] 両端に余白があるコンテナをページの中央に配置する古い実装方法と最近の実装方法 | コリス

2019/06/04 63 users コリス Problem 両端 inside CSS

ページの端から端まで伸びる背景があり、コンテンツは両端に空白があり、中央に配置されています。ここ数年で増えてきたレイアウトです。 この内側のコンテナを実装するさまざまな方法、それぞれの利点と欠点、解決方法を紹介します。 The “Inside” Problem 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事... 続きを読む

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

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

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

九点円と六点円がエモすぎる - 余白が足りなかった数学クソ解説達

2018/12/19 53 users エモ Adventar 定理 証明 皆さん

この記事は好きな証明 Advent Calendar 2018 - Adventar の19日目の記事です。 皆さん、数学してますか？ どうも、数学クソ解説botです。 今回は好きな証明アドベントカレンダーとして、僕の好きな証明、ひいては定理を紹介したいと思います。 今回紹介するのは九点円の定理と六点円の定理です。どちらも共にエッッッッ... 続きを読む

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

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

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

余白で情報整理、余白で視線誘導、余白で視認性アップ、デザインがうまくなりたい人に余白の使い方が学べる良書 | コリス

2018/08/26 57 users 各所 コリス 視線 視認性 良書

Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。 最近各所で話題になっている「けっきょく、よはく。」をじっくり中身を見ながら紹介します。読んだらすぐに... 続きを読む

[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ステップにわけてご紹介しました。今回の実践編では、色や余白を応用して、カラーでより分かりやすい資料の作成方法をご紹介します。 文字の装飾をマスターして資料にまとまりを作る 資料を作るうえで、文字に色をつけたり太字にしたりすることで字面を飾りたてるこ... 続きを読む

無理に強くなろうとしなくていい ―― 生きづらさを感じている君に伝えたい、家入一真の7つの視点 | CAREER HACK

2018/05/22 63 users CAREER HACK 家入一真 居場所 視点 っ子

2018-05-22 これからの時代をどう生きるか――と、それ以前に目の前の「生きづらさ」とどう向き合っていくか。いじめられっ子、引きこもりだった過去を持つ起業家、家入一真さん。世の中の「小さな声」をすくい上げ、サービスや居場所を作り続ける彼の視点に迫った。 家入一真の7つの視点 「戦わずに逃げてもいい。余白をつくろう」 生き方のロールモデルのない時代を、どう生きるかー。 そんな問いに対し、SNS... 続きを読む

[CSS]文字に含まれる上下の余白を取り除いて、アイコンや画像とぴったり同じ高さにするスタイルシート | コリス

2018/04/03 80 users コリス CSS 上下 アイコン スタイルシート

@mixin text-crop($line-height: 1.3, $top-adjustment: 0px, $bottom-adjustment: 0px) { // Configured in Step 1 $top-crop: 9; $bottom-crop: 8; $crop-font-size: 36; $crop-line-height: 1.2; // Apply values... 続きを読む

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

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

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

無料でマークダウン形式で簡単にプレゼン用スライドが作成できる「slideship」 - GIGAZINE

2017/07/02 57 users GIGAZINE Markdown フォント スライド 形式

Markdown (マークダウン)形式でスライドが作成できる無料のスライド作成・公開サービスが「 slideship 」です。ユーザーはフォントのスタイル・サイズ・余白などを気にせず、スライドの内容に集中して作成することができるとのことなので、さっそく使ってみました。 slideship.com https://slideship.com/ slideshipのトップページにはサービス紹介スライド... 続きを読む