Clik here to view.
Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？
2017年に入り、ウェブデザインのトレンドや動向を予想したエントリーを当サイトでもいくつか公開してきましたが、ウェブデザインやグラフィックの世界基準ソフトウエアの Adobe 社が今年のデザイントレンド予想を発表しています。...
View ArticleClik here to view.
UIデザインの作成ツール Sketch！10の魅力と入門フリー素材50個まとめ
ウェブサイトやモバイルアプリ向けのUIデザイン作成に、Photoshop や Illustrator を利用している人も少なくないでしょう。ただし機能が多すぎ、もっとシンプルにデザインできたらと思うこと。 世界中のデザイナーが使いだし人気となっている Sketch App。日本ではまだあまりなじみがありませんが、利用ユーザーが爆発的に増えています。今回は、そんな Sketch...
View ArticleClik here to view.
快適ウェブ！機能的なアニメーションを実現するたった4つの方法
ほんの10年ほど前までは、ユーザーインターフェースへのアニメーションの使用は、ポップアップやチカチカ点滅する広告バナーなどがほとんどでした。しかし、現在では大きく変わってきています。 インタラクションデザインとアニメーションの詳細は、ウェブサイトやアプリに根本的な違いをもたらします。この考え方は、以下でもはっきりと述べられています。...
View ArticleClik here to view.
使いやすくて、分かりやすい！無料UIデザイン素材40個まとめ 2017年10月度
日頃からさまざまなウェブサイトを制作しているデザイナーにとって、新しいクリエイティブなデザインアイデアを考えるのもワークフローのひとつ。 今回は、カスタマイズもしやすい無料のUIコンポーネントをまとめてご紹介します。Photoshopだけでなく、IllustratorやSketch、Adobe...
View ArticleClik here to view.
Webサイトを使いやすく！UIデザインのCSS小技テクニック21個まとめ（実例サンプルコード付）
素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと@steveschogerがTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。...
View ArticleClik here to view.
Photoshopで差がつく、ハイクオリティな無料PSDデザイン素材48個まとめ
ウェブサイトやグラフィックデザインなど幅広い用途で活躍するPhotoshop。表現できるスタイルやエフェクトを増やしたい。そんなときは、手軽にお好みのデザインに編集できる、無料のPSDデザイン素材を活用してみましょう。...
View ArticleClik here to view.
サイトやアプリの使い心地を改善！UIアニメーションを良くする実践テクニック、小技7個まとめ
実際のサンプル例を確認しながら、UIデザインの「良い」アニメーションを「より良く」してみましょう。ほんの少し調整を行うだけで、UIマイクロインタラクションをより魅力的で、ユーザーにも分かりやすく表現できます。...
View ArticleClik here to view.
デザイナーが注目したい！2018年の人気デザイントレンド厳選14個まとめ
海外サイト Tubik Studio Blog で公開された 15 Hot UI Design Trends for Web and Mobile in 2018 より許可をもらい、翻訳転載しています。 2018年を半分を過ぎたところで、今年人気となっているデザイントレンドを確認するに絶好のタイミングと言えます。...
View ArticleClik here to view.
これでばっちり！知っておきたいWebとUIデザインの人気トレンド17個まとめ【2019年版】
海外サイト DesignModo で公開された Top 17 Web Design and UI Trends for 2019 より許可をもらい、翻訳転載しています。 新しい年がはじまり、ウェブデザインのトレンドについて昨年を振り返り、今後改善し変更したいことを検討するのに、最適な時期と言えるでしょう。...
View ArticleClik here to view.
Photoshopここがすごい！参考にしたい無料PSDデザイン素材60個まとめ
ウェブデザインはもちろん、グラフィックデザインにも役立つ、無料ダウンロード可能なフォトショップ最新PSDデザイン素材をまとめています。 文字テキストやロゴ、背景なども手軽に変更できるモックアップ素材や、美しい配色の参考になるグラデーション、写真を手軽に加工できるPSアクション素材、フォントを極めるテキストエフェクト、ブラシ素材などPhotoshopデザインツールが幅広く揃います。...
View Article
