デザイン思考とは小さなことを継続して身につけるもの、気づきと学びと体験が得られるクリエイティブな実践書

「デザイン思考」とは、デザイナー限定の思考法ではありません。「Designing Thinking」を日本語訳にした言葉で、このDesigningは「設計する」という意味で、「問題解決する方法を設計する(Designing)ための考え方(Thinking)」です。

デザイナーはデザインによって問題を解決する職業です。そして、学生にも教員にも公務員にも、もちろんクリエイティブに携わる人にも、どんな立場の人でもこの問題解決するためのデザイン思考が役立ちます。

本のキャプチャ

続きを読む

Adobe XDがSketchよりも優れている理由

最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。

SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れなのでしょうか。

Adobe XDがSketchよりも優れている理由

Why Adobe XD is better than Sketch.
by Simon Fairhurst

続きを読む

通常は有料だけど、今週末まで無料!走り書きの流れるような文字がかっこいいフォント -Outlander

通常は有料ですが、今週末まで無料でダウンロードできる、走り書きの流れるようにデザインされた文字がかっこいいフォントを紹介します。

フォントはたくさん持っているほど、デザインのバリエーションが増えるので、今のうちにダウンロードしておくのをお勧めします。
フォントファイルには、.otf, .ttfが揃っています!

フォントのキャプチャ

Outlander Brush Script

続きを読む

かなりお買い得!40万円分のヴィンテージのデザイン素材がまとめて3,200円で購入できる期間限定セールが開催

商用でも安心して利用できる、ヴィンテージのデザインにぴったりな飾り、飾り罫、イラスト、フォント、エフェクト、テクスチャなどのデザイン素材、計403,878円分が、99%オフの3,200円で購入できる期間限定の特大セールを紹介します。

販売期間は、10月1日12時までとなっています。

ヴィンテージのデザイン素材はWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。

ヴィンテージのデザイン素材のキャプチャ

待望のヴィンテージデザイン素材大全集

続きを読む

div要素の見た目は矩形だけじゃない!UI要素をさまざまな形状のデザインに拡張するスタイルシート -augmented-ui

Webページやアプリに、サイバーパンクにインスパイアされたユーザーインターフェイスを簡単に実装できるCSSを紹介します。

下記の要素はdiv要素が一つだけ。角を斜めにカットしたり、辺に窪みを加えたり、ボーダーを美しくしたり、augmented-uiのCSSで用意されているclassを与えると、サイバーパンクにインスパイアされたさまざまなデザインが実装できます。

サイトのキャプチャ

augmented-ui
augmented-ui -GitHub

続きを読む

これでもう、グラデーションにできてしまう濃淡の縞に困らない!バンディングをおさえるJavaScriptライブラリ

制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。

Webページの背景などに使用するグラデーションにできてしまうバンディングをおさえ、滑らかに表示するためのJavaScriptライブラリを紹介します。

グラデーションにできてしまう濃淡の縞、バンディング

js-noisy-gradient

続きを読む

ここ1,2年でかなり進化したWordPress、カスタマイズに必要なPHPの知識を身につけたい人にお勧めの解説書

本書はずばり、PHPは苦手という人のための解説書です。WordPressはPHPの知識無しでも利用できますが、ちょっとしたカスタマイズをする際、テーマファイルを修正したり、function.phpの設定など、PHPは避けては通れません。

HTMLとCSSは問題ないけれど、PHPはちょっと苦手という人に、PHPの基本からWordPress特有の使い方まで、優しくていねいに解説された一冊を紹介します。

本の表紙

続きを読む

これなら簡単!CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions

ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで簡単に利用できます。

サイトのキャプチャ

UI interactions
UI interactions -GitHub

続きを読む

top of page

©2019 coliss