色で悩む人が自信をもって色を選べるようになる、ニーズにあった配色センスが身につくオススメ本 -配色デザイン見本帳

配色のセンスに必要なのは2つ、色を読み解く洞察力と色を選びだすための知識。
色で悩む人が自信をもって、色を選ぶことができるようになるオススメの本を紹介します。

配色の基礎や考え方を学べるだけでなく、読んでワクワクする本でした!

本のキャプチャ

続きを読む

【保存版】プレゼンにいい!Webページやスマホアプリを魅せるモックアップ用の高品質な無料素材のまとめ

プレゼンやプレスリリースでWebページやスマホアプリをよりかっこよく見せたり、ロゴやブランドをより魅力的に見せたり、商用でも無料で利用できるモックアップ素材を紹介します。

パネルにパースをつけたり、UIをGIFアニメーションで見せたり、デバイスや紙にはめたりと、さまざまなものが揃っています。

素材のキャプチャ

Perspective App Screens Mock-Up

複数の画面にパースをつけて配置できるモックアップ用のPSD素材。

素材のキャプチャ

Perspective App Screens Mock-Up

こちらもパースをつけてスクリーンを配置できる素材。スマートオブジェクトで簡単に貼り付けることができます。

続きを読む

黄金比や三分割など、レイアウトや写真の構図確認に使えるPhotoshopのカスタムシェイプが便利!

黄金比、黄金螺旋、1/3ルール、L字など、レイアウトや写真の構図に重要なパスを簡単に描けるPhotoshopのカスタムシェイプを紹介します。

カスタムシェイプなので、サイズやカラーなど自由に利用できます。
Photoshopのバージョンも古いものから新しいものまで、使えると思います。

黄金螺旋

続きを読む

[CSS]紙がふわりとする繊細なエフェクトをシンプルなHTMLで実装するテクニック

divで実装したパネルに紙がふわりとするようなエフェクトを与えるスタイルシートのテクニックを紹介します。

デモではパネル底の左右がふわりとなります。

デモのアニメーション

続きを読む

ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ

iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。

まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。

サイトのキャプチャ

CAPPTIVATE.co

スマホのさまざまなUIをアニメーションで見ることができます。アニメーションの楽しさもスマホの魅力の一つですね。

続きを読む

[CSS]一つの要素にデスクトップ、タブレット横・縦、スマホ横・縦用の各レイアウトを実装できる簡単便利なスタイルシート -flexible.gs

一つの要素に、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種類用のclassを定義し、レスポンシブ対応のフレキシブルなレイアウトを実装できるスタイルシートを紹介します。

サイトのキャプチャ

flexible.gs
flexible.gs -GitHub

続きを読む

LINEスタンプの知識ゼロでもできる!スタンプの作り方から売り方までしっかり分かるオールインワンのガイドブック

趣味でイラストを描いている、イラストレーターやマンガ家などイラストで商売をしている、イラスト好きなら誰でも一攫千金が狙えるLINEスタンプの作り方売り方が徹底的に解説されたオールインワンのガイドブックを紹介します。

LINEスタンプに興味はなかったのですが、これは面白いぞ!に変わりました。

本のキャプチャ

続きを読む

新鮮なアイデアが満載!アニメーションやスクロールを使った実装テクニックのまとめ

見るだけでワクワクする、そんな素晴らしいアイデアが満載のアニメーションやスクロールを使った実装テクニックをCodePenから紹介します。

CSSアニメーションとかスクロールエフェクトとか、新鮮なアイデアが満載!

続きを読む

 1 2 3 4 5 ... 585 586 Next

top of page

©2014 coliss