タグ

2015年4月23日のブックマーク (5件)

  • フラットデザインの成り立ちとGUIへ実際にどう使うのかがものすごくよく理解できるムービー

    影やテクスチャなど余計な装飾を排除したフラットデザインは、ウェブ上で使用するとユーザーがページのどこをクリックしていいかわからなくなるという欠点を持ちつつも、現在では色んな場所で使われています。なぜフラットデザインが優れているのか、そしてどうしたらフラットデザインをコンテンツに使うことができるのか、LGの公開しているムービーを見ると、非常によく分かるようになっています。 LG G3 : Graphic User Interface - YouTube これまでLGは影や光が当たったときのツヤ・テクスチャなどを使った、どちらかというと写実的なアイコンを使ってきました。 ユーザーの注意を引きやすいように、ということでさまざまな素材を追加していったわけです。しかし、レンズをつけたり…… より格的なカメラに近づけても、ユーザーエクスペリエンスは真の意味で向上しないことに気づきます。 ガシャン、と

    フラットデザインの成り立ちとGUIへ実際にどう使うのかがものすごくよく理解できるムービー
  • チャートやグラフを飛躍的に分かりやすくするシンプルなポイント10個

    情報を可視化すると人に伝わりやすく、また強く印象に残すことも可能です。そのためプレゼンテーションにおけるチャートやグラフは非常に重要になってきますが、一歩間違えば情報を分かりにくく、最悪の場合、間違った理解を見ている人に与えてしまいます。そこで、HubSpotがチャートやグラフのデザインなどプレゼン資料を飛躍的に見やすくするポイント10個を公開しています。 Why Most People's Charts & Graphs Look Like Crap http://blog.hubspot.com/marketing/data-visualization-mistakes Why Most People's Charts and Graphs Look Like Crap http://visage.co/peoples-charts-graphs-look-like-crap/ ◆01

    チャートやグラフを飛躍的に分かりやすくするシンプルなポイント10個
  • 猫の出るGIF画像を淡々と貼っていこうぜ : あじゃじゃしたー

    1: 名無しさん@おーぷん 2015/04/22(水)10:58:09 ID:ApF ってなんであんなに面白いんだ 2: 名無しさん@おーぷん 2015/04/22(水)11:03:03 ID:ApF 3: 名無しさん@おーぷん 2015/04/22(水)11:15:35 ID:ApF 4: 名無しさん@おーぷん 2015/04/22(水)11:28:05 ID:ApF 5: 名無しさん@おーぷん 2015/04/22(水)11:40:36 ID:ApF 6: 名無しさん@おーぷん 2015/04/22(水)11:53:07 ID:ApF 7: 名無しさん@おーぷん 2015/04/22(水)12:05:38 ID:ApF 9: 名無しさん@おーぷん 2015/04/22(水)12:30:42 ID:ApF 10: 名無しさん@おーぷん 2015/04/22(水)12:43:12 ID

    猫の出るGIF画像を淡々と貼っていこうぜ : あじゃじゃしたー
  • GLSLを使ってワンランク上の表現を! Three.jsでのぷるぷるシェーダーの作り方 - ICS MEDIA

    WebGLはウェブページに3D表現を組み込むための技術です。そのWebGLを扱いやすくしたJSライブラリの「Three.js」。Theee.jsとシェーダー言語GLSLを組み合わせてプリンが揺れるデモを作成しました。記事では、Three.jsでシェーダー言語を利用する手順を解説します。 使用技術について GLSLとはOpenGL Shading Languageの略でその名の通り、OpenGL(WebGL)で使用できるシェーディング言語です。WebGLではライブラリを使用しない場合は、このシェーディング言語を使用してシェーダー(3D描画のための一連の計算セット)を自力で作成しなければなりません。WebGLのシェーダーは2種類あり、バーテックスシェーダーでは頂点の情報を画面上に反映し、フラグメントシェーダーではピクセル単位での描画を行います。今回はバーテックスシェーダーで頂点の位置をずらし

    GLSLを使ってワンランク上の表現を! Three.jsでのぷるぷるシェーダーの作り方 - ICS MEDIA
    pyaoo
    pyaoo 2015/04/23
    GLSLを使ってワンランク上の表現を! three.jsでのぷるぷるシェーダーの作り方 – ICS LAB
  • ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」

    TOP  >  Design  >  ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」 非常に膨大な種類が存在するテクスチャ。webでも紙のデザインでも同様に多用する素材のため、たくさんストックしているデザイナーの方も多いのではないでしょうか?そんな中今回紹介するのは、ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」です。 冷たげ質感がデザインをきゅっと引き締めてくれる、ひび割れの雰囲気に味のあるテクスチャが7種類紹介されています。 詳しくは以下 塗装が劣化しひび割れが起きている壁をテクスチャ化。まだ白い部分が多く残っているタイプから、ところどころに大きな穴が空いたようなひび割れができたもの、線状にひび割れが起きているものなど、7種類という限られた数のテク

    ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」
    pyaoo
    pyaoo 2015/04/23
    ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」 | DesignDevelop