スマホサイト制作の参考になりすぎるオススメ本、ユーザーにとって使いやすいUIを基礎から実装まで徹底解説

コンテンツをより魅力的に見せるためには、UIデザインが非常に大切。
スマホサイトの定番である43種類のUIを豊富なビジュアルと分かりやすいテキストで解説し、その役割や挙動をしっかり理解し、実装方法や効果的な使い方までを学ぶことができるオススメの本を紹介します。

今回は献本していただいたのですが、書店で見かけたら普通に「即買いの一冊」です。

本のキャプチャ

続きを読む

Web制作者はチェックしておきたい、面白いアイデアを使った最近のWebサイトのまとめ -2015年2月

トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。

時間のある時に、じっくり楽しんでください!

サイトのキャプチャ

/DVDTKM/

KENZO Fall 2014など、数々の印象的なWebサイトを手がけている/DVDTKM/のサイト。ポートフォリオの見せ方も一味違います。

サイトのキャプチャ

Rally Interactive

数々のデザインアワードを受賞している米の制作会社のサイト。
右上のハンバーガーアイコンからのナビゲーションの表示、うねうねとリボンが動くヘッダ、主要4ページのナビゲーション機能など、面白いインタラクションが満載です。

続きを読む

アイデアをすぐカタチに残せて便利!画面遷移を伴うモックアップが簡単にオンラインで作成できる -PLOGLESS

さっき思いついたアイデアなんだっけ?メモしとけば、、ということはありませんか。
デスクトップでもスマホからでも簡単に作成・編集・閲覧ができる、プロトタイプのモックアップを簡単に作成できるオンラインサービスを紹介します。

基本機能は無料で利用でき、有料だと更に便利機能が利用できます。
下の方に、有料プランが無料で利用できるコリス限定クーポンがあります(先着50名様)。
※14時すぎにクーポン、50名様分終了しました。
※15時30分、おかわりクーポンを発行しました。
※おかわり分も終了しました。
※3/31までに登録された方にはクーポンが発行されると思うので、そちらをご利用ください。

サイトのキャプチャ

プロトタイピングツール - PLOGLESS

続きを読む

商用利用無料!レトロカラーがかわいい高品質なイラストのベクター素材、コリス限定全員にプレゼント!

昨日、Twitter(@colisscom)でお伝えしたもう一つのプレゼント、高品質なイラストのベクター素材をコリス限定で全員にプレゼントします!

今回は、ビジネスをテーマにしたアイコン。
レトロな色使いがかわいく、各イラストは非常に丁寧にデザインされています。

ビジネス用のアイコン素材

続きを読む

商用利用無料!スマホに最適化されたビジネス用のシンプルなデザインのアイコン素材 -Subway

iOS, Windows Phone, BlackBerryなど、スマホに最適化されたビジネス用のシンプルなデザインのアイコン素材を紹介します。

フォーマットはすぐ使う用から、Photoshop, Illustrator, Sketch用まで各種揃っているので、非常に便利です。

アイコンのキャプチャ

Subway Icon Set

続きを読む

Photoshop生誕25周年!4MBのメモリで動作する昔のPhotoshopはこんなだった、が分かる動画

デザイナーやクリエイターの必需品とも言えるPhotoshopが、2015年2月19日に生誕25周年を迎えました。
パチパチパチパチ!

そんなPhotoshopの原点とも言えるバージョン1.0の動画を紹介します。

Photoshop 1.0

画像:GUIdebook

続きを読む

シンプルなピクセルなのにすごい!さりげなく美しい質感を背景に与える商用利用無料のパターン素材

さりげなく美しい質感を加えたい、かわいすぎないかわいいデザインにしたい、といった時によさそうなシンプルなピクセルを使ったPhotoshop用のパターン素材を紹介します。

素材のキャプチャ

Free Simple Pixels Patterns

続きを読む

[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト -wheelnav.js

ピザのように切り分けたパイ状のナビゲーション、水平でも垂直でもない回転を取り入れたタブ、アイコンをクリック(タップ)するとぐるぐるっとアイテムが表示されるなど、回転を使った面白いナビゲーションを実装できるスクリプトを紹介します。

サイトのキャプチャ

wheelnav.js
wheelnav.js -GitHub

続きを読む

 1 2 3 4 5 ... 604 605 Next

top of page

©2015 coliss