Category
デザイン
配色はWebデザインのイメージを大きく左右する要素の1つです。同じデザインのページでも配色を変えるだけでWebサイトのイメージが大きく変化します。 上級者であれば理論的に配色を決めることもできると思い…
デザインは周りの変化に合わせて常に変わり続けていくものです。デザインを表示するデバイスの変化、テクノロジーの発展、デザインにおけるトレンドの推移など、あらゆるものに影響されます。 2018年になった今…
フラットデザインはミニマリズムを追求したシンプルなデザインに仕上げるデザイン手法ですが、一方でユーザビリティの面での課題などがありました。その課題を解決するために登場したフラットデザイン2.0という考…
プロトタイピングツールのFramerが2017年12月に大幅なアップデートをリリースし、デザイン作成機能が大きく強化されました。 実際にどのような機能が追加されたのかご紹介していきたいと思います。 F…
ProtoPieは、インタラクションデザインのプロトタイプを作成できるプロトタイピングツールです。複雑なアニメーションから、タップ、クリック時のマイクロインタラクションまで、様々な動きを伴うプロトタイ…
ロゴデザインはシンプルなロゴの中に名前やメッセージ、イメージなど様々な要素を詰め込まないといけないのでとても難しいです。ただ、アイデアさえ湧いてしまえば作業量はそこまで多くないのでいかにアイデアを出す…
Framerは元々コードベースで動作するプロトタイピングツールでしたが、最近のアップデートによってデザイン作成機能も追加されました。デザインツールとしての使い心地はもちろん、作成したデザインからあっと…
初心者向けの簡単なものから、上級者向けのハイレベルなものまで、Illustratorのチュートリアルをまとめました。 グラフィックツールの中でもIllustratorは特に習得に時間がかかってしまうツ…
2017年はデザインツール・プロトタイピングツールで様々なリリースが行われました。これまでできなかったような事が次々とデザインツールでできるようになり、ワークフローにも様々な変化をもたらしました。 2…
シャーベットカラー・シャーベットトーン シャーベットカラーとは、その名の通りシャーベットのような明るくて清涼感のある淡い色味のことを指します。2012年の春夏とトレンドカラーとなり、ファッション業界な…
新年あけましておめでとうございます。2017年は本サイトにとって大きく成長の年となりました。今回は、2018年のWebデザインのトレンドをおさえるためにチェックしておきたい記事と、2017年に人気だっ…
Sketchを使ってデザインの制作を行った場合、プロトタイプを作成したければ他のツールを使わなければなりません。様々なプロトタイピングツールが公開されていますが、できるだけ時間をかけずにプロトタイプを…
プロトタイピングツールは、実際にウェブ制作を行う前にモックを作成し、完成形をイメージしやすくするためには欠かせないツールです。 今回は、プロトタイピングツールとして世界で大きなシェアを誇る「InVis…
優れたデザインを制作するためには、「インスピレーション」が欠かせませんが、なかなかいいアイデアが思いつかずに、苦悩しているという方も多いのではないでしょうか。 今回は、優れたアイデアを思いつくために必…
読み込みに時間がかかってしまうページはローディングアニメーションを取り入れることによってユーザーの離脱率を抑えることができます。アニメーションとなると作るのに手間がかかってしまいそうなイメージがありま…
世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイン…
2016年3月にベータ版がリリースされ、様々なアップデートを重ねてきたAdobe XDが、2017年10月ついに正式リリースとなりました。正式版となったため、これまで無料でベータ版を利用していた方も有…
デザイン制作やサービス制作の現場でUI/UXという言葉を耳にする機会は多いと思います。それぞれなんとなくイメージを持っていると思いますが、正確に違いを説明できますか？ 今回は、UI/UXデザインの基本…
デザインにおける配色は、全体のイメージやバランスを左右する重要な要素です。 カラーパレットを生成できるツールやサービスは色々と公開していますが、遂に人工知能(AI)で配色を提案してくれる「Khroma…
以前から当サイトで注目しているデザインツール「STUDIO」を開発・運営するSTUDIO株式会社が新たに資金調達を行いました。 そこで今回実施した資金調達の詳細と、改めてSTUDIOとはどんなデザイン…
つい先日ベータ版が公開されたSketch 47で「ライブラリ」機能が追加されました。色々なツールやサービスでライブラリという言葉は使われていますが、Sketchにおけるライブラリとは一体どういった機能…
シネマグラフとは、一部分だけ動く写真のことです。シネマグラフは近年Webデザインに取り入れるサイトが増えてきており、注目されているテクニックの1つです。 シネマグラフをWebデザインに使いたい場合、自…
一部分にだけ動きが付けられている写真のことを「シネマグラフ」と呼びます。シネマグラフは独特の雰囲気が特徴的で、見ているとスノードームをゆっくりと眺めているような気分になります。 Webデザインにも少し…
SketchというUIデザインツールはご存知ですか？SketchはUI特化型のデザインツールとして、多くのプロダクト開発の現場で使われています。 Sketchは誰でも簡単に使いこなせるようになるという…