CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック | コリス

2020/07/16 171 users テクニック コリス 実装時 ロゴ画像 参考

ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログで... 続きを読む

無料でデザイン上「アリ」な色の組み合わせをサクッと確認できる「Accessible Brand Colors」レビュー - GIGAZINE

2019/03/04 183 users ウェブデザイン GIGAZINE 一目 ナシ アリ

ウェブデザインやフリーペーパーといった物理的なデザインをする際には、人に訴える力を持つ「見やすい」色の組み合わせを見つけ出すことはかなり重要です。背景色と文字色の組み合わせが「アリ」なのか「ナシ」なのかを一目でわかるようにする「Accessible Brand Colors」を使えば、悩みがちな色の組み合わせを直感的に... 続きを読む

CSSでバーティカルリズムを実現しよう！line-height-stepを使ってみる | HTML5Experts.jp

2017/11/14 56 users タイポグラフィ CSS Vertical rhythm 類似

「バーティカルリズム」（Vertical Rhythm）と呼ばれるデザイン手法があります。最近は関連記事も増えてきたので聞いたことがある、という方もいらっしゃるかもしれません。日本語本来のタイポグラフィでは「行取り」と呼ばれる類似の手法があり、ほぼ全ての印刷物やワープロで使われています。 「行取り」あるいは「バーティカルリズム」とは、要素の配置に一定のリズムを取り入れることで、デザイン上の安定感や... 続きを読む

280文字数制限拡大においてのデザイン上の課題

2017/11/08 87 users 課題

TwitterがまだTwttrという表記だったころから、Twitterらしさの定義のひとつが「140文字のツイート」でした。この140文字の制限を挑戦として楽しまれる方もいらっしゃいます。文字数制限が、創造性を駆使した簡潔なメッセージにしようと思うきっかけにもなっているようです。中には、文章力の向上に役立ったという方もいらっしゃると聞きました。その一方、この文字数制限によってTwitterに不満に... 続きを読む

iPhoneX対応におけるデザイン上の注意ポイント | fladdict

2017/09/13 1269 users fladdict 注意ポイント

iPhoneXが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグクリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくり デザインガイドライン を読んでの、気になったところメモ。... 続きを読む

キーボードの入力スピードを飛躍的に向上させる入力テクニック

2015/03/16 541 users キーボード 入力スピード 左遷 カーソル 矢印

今のキーボードの配列に満足していますか。 よく見てみるとキーボードには多くの無駄があります。例えばカーソル(矢印)キーはどうしてあんなに遠くにあるのか、BSキーやDELキーなんかも微妙な位置に配置されています。 たくさん使うキーはもっと近くにあるべき 人や環境によってたくさん使うキーの定義は様々ですが、日常的にたくさん使用するにも関わらず、デザイン上の理由などで、あたかも左遷レベルで不遇の扱いを受... 続きを読む

HerokuのAPIデザイン | SOTA

2014/06/04 530 users Heroku Sota ビジネスロジック GitHub 知見

Herokuが自ら実践しているAPIデザインガイドをGithubに公開した． “HTTP API Design Guide” このガイドは些細なデザイン上の議論を避けて，ビジネスロジックに集中すること目的としている．Heroku特有なものではなく，一般にも十分適用できる知見となっている． 最近は，モバイル向けにAPIをつくることも多いため，勉強もかねて抄訳した．なお内容は，HTTP+JSONのAP... 続きを読む

enchantMOONのこれまでとこれから - UEI shi3zの日記

2013/10/04 273 users UEI enchantMOON レイヤー 成田 工場内部

2.6.0も無事リリースされたので、いちどここでenchantMOONプロジェクトのこれまでを振り返り、これからのことをひとまずまとめておきます。 　まず、enchantMOONの現状に関して　ハードウェアそのものに関しては、デザイン上、機構設計上、製造上、さまざまなレイヤーで問題があり、経験値が少なかった故に、スケジュールを満足に守ることが出来なかったことと、同時に工場内部、そして成田でUEIが... 続きを読む

ウェブデザインで参考にしたいユーザー行動と色の心理学 | SEO Japan

2012/11/02 83 users ウェブデザイン ユーザビリティ 配色 心理学 見た目

ウェブデザインでユーザー行動を考えたユーザビリティが大事とはよくいわれることですが、色についてはどこまでこだわりを持っているでしょうか？見た目やデザイン上の配色は気を使っても、例えばフォーム入力時の確認やエラーメッセージについてはどうでしょうか？地味ではありますがもしかするとサイト上のユーザー行動に大きく影響を与えているかもしれないメッセージの配色について深く考えてみた記事を。 — SEO Jap... 続きを読む