ユーザ・インターフェースのためのイージングカーブをつくる | POSTD
フラットデザインの導入以来、アニメーションの質が、今までにないほど、優れたインターフェース作成のために必要不可欠なものとなっています。モーションデザインを通して、製品の総体的なブランドエクスペリエンスを左右するようになり、製品を、市場の他のものと差別化する要素となりました。アニメーションは複雑なインタラクションを簡素化し、優れたデザインを記憶に残るユーザエクスペリエンスにしました。では、質の高いアニメーションはどのように作られるのでしょうか？ イージングカーブは多くの要となるコンポーネントの1つで、適切なアニメーションをとり、素晴らしいものに作り上げます。 問題なのは、イージングカーブがどのように機能するかについての理解が、少々難しいということです。 前回の記事 After Effects to CSS で触れたタイミング関数への興味の派生としてこの記事を書きましたが、この記事を読むことで
【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL
Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。 フラットデザイン（未完成であるけれど便利な表現）はスキューモーフィズム（同前）を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。 上図のようなデザインである。 発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来
Apple社のキーボードについてる「コマンドキー」アイコンの元ネタはコレだった
Apple社は時々大きなデザインコンセプトの変更を行う一方、シンボリックな要素については非常に大事にしてきました。「コマンドキー」アイコンは初代Macから残っているものの一つ。このデザインがどこから生まれたのか、デザイナーのスーザン・ケアが語っていました。 スーザン・ケアは初期のApple社のアイコンのほとんどをデザインしたグラフィック・デザイナー。「ハッピーマック」を始めとする、Appleの象徴的なアイコン群は彼女の作品となります。 Susan Kare – User Interface Graphics – Apple Mac Icons ちなみにこちらもスーザンの作品。 Susan Kare – User Interface Graphics さて、彼女が「コマンド」キーのアイコンを作ったのは初代マッキントッシュ開発中のこと。お絵かきソフト「MacDraw」のメニューを見たスティーブ
HerokuのAPIデザイン
Herokuが自ら実践しているAPIデザインガイドをGithubに公開した． “HTTP API Design Guide” このガイドは些細なデザイン上の議論を避けて，ビジネスロジックに集中すること目的としている．Heroku特有なものではなく，一般にも十分適用できる知見となっている． 最近は，モバイル向けにAPIをつくることも多いため，勉強もかねて抄訳した．なお内容は，HTTP+JSONのAPIについて基本的な知識があることが前提となっている． 適切なステータスコードを返す それぞれのレスポンスは適切なHTTPステータスコード返すこと．例えば，“成功"を示すステータスコードは以下に従う． 200: GETやDELETE，PATCHリクエストが成功し，同時に処理が完了した場合 201: POSTリクエストが成功し，同時に処理が完了した場合 202: POSTやDELETE，PATCHリク
かわいい上にハイクオリティなフリーのアイコン集
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon（有償のアイコンページ）
Free logo Maker - Supalogo.com
Save here easily, the logo(only visible to yourself) you made and access to them later, on your next visit, you will be able to re-edit... NO DESIGN FOUND ... 1You need to enter a text into the input first.Then select options. 2Make a font choice into the list, and choose an effect (No, Outline Or Shadow). 3Choose a logo size (from 5 to 100px) in pixels. 4Choose an effect from the list : Gradient
元素周期表チックなフォント見本表
一見、どこの学校の理科室にでもある、元素周期表ですが!? その正体は、なんと元素周期表ではなく、フォント周期表！ です。 中身をさらに見ていきましょう。 作ったのはデザインファームのSquidspot。フォントの頭文字が、そのフォント自身で描かれています。そして、1つのマスにはランクやフォントグループ、フォントデザイナー、作製年が書かれています。 元素周期表に無理矢理当てはめてるので、表として苦しい部分があるのはご愛敬ですね。 しかし、フォント名がそのフォント自身で描かれた表というのは、それだけで実用性は充分ですよね。透明なデスクマットの下に挟んでおくのもおしゃれかも。 [Periodic Table of Typefaces (full-res JPG) by Squidspot via Lifehacker] John Mahoney（原文／聖幸） 【関連記事】 ・MacBook年表
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう
新着記事
イミュータブルデータモデル(入門編)
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター
Yubizo Engine | COMPASS ソリューション | アイキューブドシステムズ