フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
デザイナーに次に知ってほしい文字組み初級 – 503DESIGN
BLOG / 2018.09.18 2014年に「デザイナーにまず知ってほしい文字組み入門」という初心者向けエントリーをあげて以来、早数年が経ちました。 その月日の中で「絶対フォント感」という言葉が流行したり、「フォント」あるいは「文字組み」という単語が（より一層）脚光を浴び、メディアコンテンツとして取り上げられることが多くなったなと感じます。 例えば2017年にはTBSさんの「マツコの知らない世界」でも取り上げられ、マニアには垂涎の的の「フォントかるた」という大人気商品も生まれたりしています。 さらに、文字組みに関する記事も爆発的に増えていると感じますが、手法が先行した記事が多いことに少し私は疑問を持っています。 特に「なぜ文字をツメることが“大”前提」なのでしょうか？ この記事は、上記の“なぜ”の部分を少し意識してもらい、Adobe Illustratorをメインで使用するデザイナーが
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
ランディングページ8要素におけるデザイン表現セオリー（サンプル165点付）
WebデザイナーがデザインするWebページの一つに、広告を経由して1ページ内で商材の特長を説明し、お問い合わせや購入へと導く「ランディングページ」があります。 ランディングページは、ユーザの興味を惹くビジュアルの魅力（シズル感）を特に強調したり、瞬時に内容を理解させるためのメリハリのコントロール力も特に求められるため、高いクオリティでページ全体をまとめ上げるには、幅広い表現力が求められます。 私もこれまで多くのランディングページのデザインに関わってきましたが、過去を振り返ると、制作に与えられる時間はタイトな割に、ページ内に掲載するボリュームは非常に多く、またメリハリを出すために様々な表現をいくつもの箇所で検討しなければならない、というケースが多々ありました。 デザイナーにとっては、いかにして効率的に、早く、且つ高品質でランディングページをデザインするのか？が大きな課題になるわけですが、多く
「ゲーム」らしいボタンを作るための3つのSTEP | WebNAUT
初めまして、デザイナーのです！ 最近ではフラットデザイン・マテリアルデザインのようにシンプルで削ぎ落とされたデザインが主流になっているかと思いますが、 特にゲームのwebサイトにおいては、削ぎ落とされたデザインをすれば良いとは限らず、いかにゲームの世界観を魅力的に伝えられるかが重要になってきます。 「ゲーム」らしいデザインとは？ 今回は弊社ゲーム開発部からリリースされた、『ブレイブキャラバン』の事前予約ページに設置された登録ボタンを例に、 「ゲーム」らしいデザインを作り上げるためのプロセスを解説していきます あらすじ 聖ナダル歴994年 獅子の月 エルシド城を囲む森に ふたりの娘の姿があった ローブに身を包んだエルシド王国・第一王女リーゼと 手に剣を携えた第二王女のグリンデ これは辺境の王国からはじまる、若き王女と英雄たちの物語である。 STEP1「ゲーム」らしさを加える まずはスマホゲー
デザインは第一印象が大切！5秒でできる3つのデザインチェック方法 | Webクリエイターボックス
2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ
デザインのディテールへのこだわりが必要な理由 | FICCナレッジブログ | FICC
もしあなたがデザイナーで、何らかのプロジェクトのデザインを任された時、何を基準にしてデザインを詰めればいいか不安になったことはないでしょうか。または、あなたがディレクターやプロデューサー側の立場で、デザイナーからあがってくるデザインの善し悪しを判断しなければならなくなった時、何を基準にして判断すればいいのか、基準が曖昧だったりした経験はないでしょうか。 デザインの善し悪しを判断する上で、判断材料となる項目は非常に多く複雑ではありますが、根本的に欠かせないものの一つが「デザインのディテール」です。どんなに素晴らしいストラテジーや目標を立てられたとしても、それが最終的に伝わるべき「イメージ」を持ち、正しい品質として「カタチ」となって表れてこなければ、誰にも伝わることはありません。 デザインのディテールとは何なのか、なぜディテールにこだわらなければならないのか。このブログ記事を通じて、デザイナー
ソシオメディア | デザインエントロピーの抑制
この記事は、2015年7月に開催した UX戦略フォーラム 2015 Summer における私の同タイトルの講演をもとにしています。またこの内容は ÉKRITS への寄稿記事「エントロピーとデザイン」の続編ともなっています。 デザイン・エントロピー デザインのプロセスにおいては、よくこんなことが起こります。サービスの企画段階ではとてもよいコンセプトだったのに、設計や製造の工程を経るうちに、技術的制約、コスト的制約、時間的制約、互換性や保守的な要求への対応、その他の様々な要因により、デザインが妥協案や折衷案にまみれていく。サービスの価値を決定づけている根幹がスポイルされて、気がつけば平凡でつまらないものができあがっている… このように、せっかくのアイデアが次第に骨抜きになってしまうのは、デザイナーにとってとても残念なことですが、これはある意味仕方のないことなのです。なぜなら、このような現象は宇
フォントから考える(1) 創英角ポップ体はなぜ街に溢れるのか?
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人を含め広く知られているフォントとして、以前取り上げた「MS Pゴシック」をはじめとした「MSフォントシリーズ」に匹敵すると言っても過言ではないのが、「創英角ポップ体」でしょう。 Microsft Officeに標準搭載されているという共通点をもつふたつのフォントですが、その見た目は大きく異なります。駅の構内や商店の店先など、手作りの掲示物に多く使われているため、普段このソフトを使わない人でも、見覚えがあるのでは? そんな街中にあふれている「創英角ポップ体」は、プロのデザイナーの目から見てどう映るのでしょうか。 本連載では、「MS Pゴシック」の記事に登場していただいた、デザイナー・「Sさん」こと佐々木未来也さんに、テーマとなるフォントについて質問を投げかけていきます。今回は、街中にな
ユーザーと価値観を共有するUXデザイン | keisuke tsukayoshi
最近ブランディングまわりの知見を学ぶ機会が多くて、色んな本を読んだり専門の方にアドバイスを伺ったりしているのですが、そのなかで「ユーザーと価値観を共有する」というアイデアが面白かったので記事にしてみます。 プロダクト・サービスの「価値観」 まず、そのプロダクトが実現したい世界（いわゆるビジョン）というのは事業をなす上で大事な目標になるが、どうしてその世界が素晴らしいと言えるのか？というそもそものサービスが持っている価値観がベースになっていることが必然である。例えば「《ビジョン》を実現したいんだよ、だって《価値観》だろ？」という論理でほとんどすべての意思決定がなされていく。 その価値観がベースとなり組織の行動規範に落ちていって、実際のプロダクトの施策やデベロッパーの仕事に落ちていく。 価値観はかわらない この価値観にまつわるアイデアでいちばん面白かったというのが「価値観をユーザーと握り合って
Toshi Omagari | 身近な書体：Comic Sans
久しぶりの身近な書体シリーズです。今回はComic Sansを採り上げます。 Comic Sansは1994年に作られてWindows 95（のPlusパック）に搭載されて以来、Windowsユーザーにはおなじみのフォントです。特に欧文圏ではそのカジュアルさがウケているようで、様々な場所で使われている書体です。まぁプロからすれば特に良くはない書体ですね。それどころかタイポグラファーやデザイナーの間では忌み嫌われている存在で、これの駆逐をテーマにしたウェブサイトもあるぐらいです。 （ちなみにこのサイトの運営者はカップルであり、共通の趣味、つまりComic Sans排斥で意気投合して結婚したそうです。Comic Sansの作者Vincent Connare氏は「自分の書体のおかげで夫婦が誕生したんならこんなに嬉しいことはない」と言ってます） でも、本当にそこまで徹底的に叩かれるほど悪い書体でし
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン原則の実践｜dely design
デザイナーがロゴマークを作る時・使う時に知っておくべき「ロゴマニュアル」 | Swings
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
フォントざっくり解説 - フォント専門サイト fontnavi
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
http://tikaku.com/note/basics_of_latin_typeface/
kandeza.com
