デザインの「悪い方がよい」原則 The Rise of "Worse is Better"
デザインの「悪い方がよい」原則 The Rise of "Worse is Better" rpg@lucid.com 日本語訳: daiti-m@is.aist-nara.ac.jp 私や Common Lisp と CLOS のデザイナーのほとんどは、MIT/Stanford 方式の設計に親しんでいる。 この方式の核心は、「正しい」やり方をせよ、という ことにつきる。デザイナーにとっては、以下の点をすべて正しく満たすことが 重要である。 簡潔性 デザインは実装と使用法の両面において単純でなければならない。 このとき、使用法が単純な方が、実装が単純なことより重要である。 正当性 デザインはすべての点において正しいものでなければならない。 誤りは許されない。 一貫性 デザインは一貫性を欠いたものであってはならない。一貫性を保つ ためには完全性は少しだけ犠牲にしてもよい。一貫性は 正当性と同
SOLID: The First 5 Principles of Object Oriented Design | DigitalOcean
These principles establish practices for developing software with considerations for maintaining and extending it as the project grows. Adopting these practices can also help avoid code smells, refactor code, and develop Agile or Adaptive software. SOLID stands for: S - Single-responsibility Principle O - Open-closed Principle L - Liskov Substitution Principle I - Interface Segregation Principle D
次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
北岡明佳の錯視のページ
北岡明佳の錯視のページ 北岡明佳・立命館大学・総合心理学部・教授、知覚心理学（錯視・目の錯覚） 認知センター 視覚センター OIC map OIC紹介 トリックアート 風景 外部へのリンク 街づくりプロジェクト SP Lab 展示もの サンプル画像 コメントもの 2002年5月10日開設・2024年4月9日更新 英語版(English) セルビア語版 ポルトガル語版 中国語版 錯視カタログ(2014/6/3) ご注意 このページには「動く錯視」（静止画なのに動いて見える錯視）が含まれています。現在まで錯視が人体に有害な影響を与えるという証拠はありませんが、車酔いなどを起こしやすい方はご注意下さい。万一気分が悪くなりましたら、速やかにこのページから退去して下さい。デザインの違法な商業的使用（要するに著作権侵害）には法的措置を取ります。 最新作（2024/2/4） 最新ページ（2024/4/
SINAP | 参考にしたいデザインシステムまとめ 10選
こんにちは。デザイナー飯山です。 シナップ社内では毎月チーム発表を行っているのですが、先日のデザインチームではいま注目の「デザインシステム」をテーマに社内発表を行いました。 そこで今回は、調査したデザインシステム事例の中からピックアップしてご紹介します。 デザインシステムとはデザインシステムは、組織でデザインを運用していくために存在しています。具体的には、UIキット、スタイルガイド、パターンライブラリ、Voice & Tone（どのように使用するべきかを示すガイダンス）、ブランドガイドラインなどで構成されています。 デザインの一貫性保持やチームでの共有を目的として、クオリティの高いデザインを効率的に進めるために活用される「唯一の指針」や、組織全体におけるデザインの「共通言語」となるものを指します。 複数人のデザイナーでデザインを進める大規模プロジェクトの制作現場などでとくに注目されています
Color Palette Generator - Colllor
Create consistent color palettes With Colllor it is much easier to generate a consistent web color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design. All the alternative proposals produced by Colllor derive from the same color and they all have a common denominator sharing hue, lightness or saturation values. This tool wil
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
For a Beautiful Web
Web standards that have been outlined and classified have totally transformed the internet in just the last 10 years or so, creating an online experience that is more cohesive, more predictable, and a lot more robust. In 2005, when Cascading Style Sheets were updated for the third time – creating CSS3 – designers and developers around the world rejoiced at what this new web standard made possible.
Microformats Wiki
初めての方は、Microformats の手引きからどうぞ。編集を始める前に、how-to-play-jaを読んでください。 はじめに この wiki は microformats コミュニティの中心的なリソースです。発表済みの microformats 仕様、仕様ドラフト、発表パターンの現在のバージョンを見つけることができます。新しいフォーマットのプレインストーミングページや、認められたフォーマットや開発中のフォーマットの問題追跡ページといった開発用のリソースもあります。 スタートするには Microformats を始めるには… まず、自分のページやアプリケーションで、意味的に豊かで説明的で、'POSH' な HTML を書くことに慣れましょう。 「microformats について」のページ、ブログ、メディア紹介例やプレゼンテーション、microformats に関する書籍、ポッドキ
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン！ 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年：魔女の恋愛 2015年：彼女はキレイだった 2016年： 花郎＜ファラン＞ 2017年：サム、マイウェイ～恋の一発逆転！
GIGAZINE - Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」
いわゆるSVG形式のベクター形式画像ファイルを扱う時に便利なオープンソースのソフトウェア。開いたSVGファイルを任意の解像度のPNGファイルに変換できます。また、Illustratorのようにベクター形式で画像を作成することも可能。Linux、Windows 2000/2003/XP、Mac OS X、FreeBSDなどで動作します。 実際のインストールと利用方法は以下の通り。 Inkscape. Draw Freely http://www.inkscape.org/ ダウンロードはこちらから。 http://www.inkscape.org/download.php ダウンロードした本体をクリックしてインストール開始 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック しばらく待つ 「Next」をクリック 「Finish」をクリックすれ
white-screen.jp:モーション・タイポグラフィの歴史を振り返る＆映画祭にチャレンジ！
世界でも珍しい、タイポグラフィをフィーチャーした短編映画祭「Typophile Film Fest 5」が今年も開催決定！只今エントリー作品を募集中。映画のタイトル、ドキュメンタリー、CM、学生作品などタイポグラフィを使った優れた作品ならジャンルを問わずエントリー可能！ホワイトスクリーンオススメのタイポグラフィ・ビデオで優れた作品を研究し、どしどし応募してほしい！ そもそもモーション・タイポグラフィは、90年代に登場した新しいムーブメント。デザイン界において脈々と受け継がれてきたタイポグラフィと、コンピューターの台頭によって新しく生まれたデジタル表現のモーション・グラフィックスが融合して生まれた、まったく新しいビジュアル表現だった。それではモーション・タイポグラフィの名作を振り返ってみよう！ ■モーション・タイポグラフィの金字塔「The Child」 まずはこのビデオがなくっちゃ始まらな
DynamiX Labs - css: add a “loading” icon to your larger images
Let’s say that you have a large image (or several large images) on a particular page, and you want to let visitors know that the image is loading. You could use a piece of javascript to embed a “loading” image for all images that have not yet loaded, but unless you are loading a ton of very large images on a single page, we have a much simpler (and cleaner) method to accomplish the same thing. Ste
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
2008年 アプリケーションUI・ベスト10
入選者の多くは、複雑な情報を一つの概要として提供する際にダッシュボード、そしてユーザをダイアログに確実に気付かせるためにはライトボックスを使っている。 また、Office 2007 のリボンの早期採用の著しさは驚きに値する。 Application Design Showcase #1 by Jakob Nielsen on August 12, 2008 最優秀アプリケーションユーザインターフェイスデザイン・ベスト10、初めてのコンテストの入選者は以下の通り: Campaign Monitor by Eyeblaster (イスラエル): メディア・バイヤー向けの複数の広告キャンペーンを統合管理。 CMSBox by CMSBox (スイス): コンテンツマネジメントシステム。 FotoFlexer by Arbor Labs (アメリカ): フォトエディタ。 PRISMAprepare
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX-mov | アプリのUIが動画で見れるギャラリーサイト
IDEA * IDEA
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
フリーCG イラスト素材
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
