Clik here to view.
もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。...
View ArticleClik here to view.
売れるウェブの最新HTML/CSSテクニック40選
目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。 「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。 この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。 しかもスニペットはコピペで利用でき、CSSのみでスタイリングされたものも多数。...
View ArticleClik here to view.
和風デザイン攻略！商用可な毛筆フリーフォント厳選58個まとめ
※ 新しいフォントを追加、古くなったリンク切れは削除し、およそ１年ぶりのアップデート。現在、合計5８個。 毛筆フォントは年賀状はもちろん、和風なデザインには欠かせない、上品さや高級なイメージを演出できる、持っておくと便利な書体です。 今回は、無料ダウンロードでき、商用利用できる毛筆フリーフォント厳選51個をまとめてご紹介します。...
View ArticleClik here to view.
間違っていませんか？美しいUIではラベルは最後の手段【実践編】
Refactoring UIで公開された「Building Your Color Palette」より許可をもらい、日本語抄訳しています。 ユーザーにデータを表示するとき（特にベータベースから読み込むとき）、一般的なlabelプロパティを使って表示するという罠に陥りがちです。 すべてにラベルを利用した悪い例？...
View ArticleClik here to view.
HTML/CSSでできる、押したくなる最新Webボタンエフェクト集
この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。...
View ArticleClik here to view.
ユーザーに刺さるUIデザイン実用テクニック37選
UI Tipsで公開された「UI Tips for Landing Pages & Apps by Jim Raptis」より許可をもらい、日本語抄訳しています。 シンプルなUIデザインテクニックで、より良いユーザーインターフェースをデザインし、ユーザーが満足する方法を一緒に学びましょう。...
View ArticleClik here to view.
ユーザー満足度がぐっと上がるUXデザイン小技テクニック26選
UI Tipsで公開された「UX Tips for Landing Pages & Apps by Jim Raptis」より許可をもらい、日本語抄訳しています。 現役UIデザイナーのジム・ラプティス氏が実際にWebサイトやオンラインツールの制作で得た、UX（ユーザーエクスペリエンス）を改善できるシンプルで効果的なテクニックをご紹介します。...
View ArticleClik here to view.
難しい理論は不要！イラストで楽しく学べるデザインの基本原則
デザインを始めたばかりの頃、色や配置を感覚だけで決めていたら、なんだかごちゃごちゃした見た目になってしまった、そんな経験がよくありました。 でも、デザインにも実は「基本のルール」があることを知ってから、少しずつ自信を持って作れるようになりました。 この記事では、そんなデザインの基本原則を、簡単に理解できる視覚的なイラストでまとめています。...
View ArticleClik here to view.
動きで差をつける！魅力的なUIアニメーション実例サンプル集
ホームページやブログに「動き」を加えると、ユーザーの目を引くと言われています。でも正直、わたしも最初は「そんな派手なアニメーションなんて要る？」と軽く考えてました。 特にスクロールアニメーションは加減が難しく、やりすぎるとページが重くなったり、逆に何も伝わらなかったり…。 しかし、アニメーションの基本ルールに沿って適切に使えば、サイト全体の印象を大きく変える強力な武器になります。...
View ArticleClik here to view.
【無料】これはうれしい！表現力がアップする最新テクスチャ素材24選
いくらあってもうれしい無料デザイン素材ですが、その中でもテクスチャ素材は使い勝手の良さから人気の高いアイテムです。 商用利用できる無料テクスチャ素材集もアップグレード継続中ですが、今回は2024年に公開されたばかりの最新テクスチャをまとめてご紹介。 2024年のデザイントレンドの代表格「グラデーションカラー」や、人気の高いキラキラ黄金アイテム、レトロ系など豊富すぎる収録数が魅力です。...
View ArticleClik here to view.
UIデザインにアクセントを加える37の簡単なテクニック【完全版】
Learn UI Designで公開された「37 Easy Ways to Spice Up Your UI Designs」より許可をもらい、日本語抄訳しています。 ホームページやアプリを制作していて、「ちょっと地味かも…」と感じた経験はありますか？ この記事では、UIデザインに素敵なアクセントを加えるテクニックを、パーツ別に分けてサンプル例と一緒にご紹介します。...
View ArticleClik here to view.
Webデザインで困ったら見たい最新ホームページ事例40選
毎日新しいWebデザインを手掛けていれば、レイアウトや構成が思い浮かばないことがあっても当然です。 そんなときは新しく公開された、話題になっている国内外のホームページを覗いて、次のデザインアイデアやヒントを手に入れましょう。 この記事では、ここ2か月くらいで公開されたデザインが際立つ最新ホームページ事例40個をまとめてご紹介します。...
View ArticleClik here to view.
次に流行るフォントは何？おすすめ最新フリーフォント50選
大量にリリースされるフォントの中から、良い素材だけを効率的に見つける方法とは？ そう考えたとき、フリーフォントを公開しているサイトを巡るのも良いですが、これでも時間がかかってしまいます。 そんなときこそ、このフォントリストが役に立つかもしれません。...
View ArticleClik here to view.
いきなり差がつく、クリエイティブな人におすすめ最新デザインツール30選
デザインのワクワクが止まらない—そんな瞬間を感じたことはありませんか？ デザインの世界では、最新のツールやリソースを手に入れることが、他のクリエイターと一歩差をつけるカギです。 今回は、日々進化するオンラインツールや無料のデザイン素材をまとめ、クリエイティブなプロジェクトにすぐに活かせるツール30個を厳選しました。...
View ArticleClik here to view.
【商用可】デザインの印象を一変させる、現役デザイナー厳選の無料フォント集 Best Free Fonts
デザインのクオリティを一段上げるために、フォント選びは欠かせない要素です。 当サイトではこれまでにも、フリーフォントがダウンロードできるサイトや、最新のフリーフォントを定期的に紹介してきました。 また、フリーフォントカテゴリでは、さまざまな視点で選ばれた高品質なフォントアイテムも集めています。 今回新たにご紹介するが、現役デザイナーが商用ライセンスのおしゃれなフリーフォントのみを厳選した『Best...
View ArticleClik here to view.
フォント選びの時間を短縮！プロも認める18種類のフォントが今だけ91％オフ
「時間がない…でもクオリティは譲れない。そんなデザイナーに贈る『お助けフォント』！」 忙しい日々の中でデザインを仕上げるために、フォント選びに手間取ってしまった経験、誰もが一度はあるかもしれません。 わたしも以前、急ぎのプロジェクトでとにかく早く仕上げなければならなかったとき、妥協して選んだフォントが平凡すぎて、後から見返して後悔した苦い経験があります。...
View ArticleClik here to view.
【保存版】配色アイデアに迷わない、すごい配色カラーパレットツール107個まとめ
「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 ２０１６年８月の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。...
View ArticleClik here to view.
デザイナー必見！たった1分で美しいカラーパレットを作る方法
「プロジェクトごとに毎回配色を考えるのは面倒だ」と感じたことはありませんか？ 特に「トーンや明るさを調整するのが難しい」と感じるひとが多いようです。 当サイトでは、これまでにも多くの配色ツールを紹介してきましたし、もちろん普段使いできる便利なものばかりです。 しかし、ホームページやアプリのUIデザインにおいては、より多くの色が使われている傾向があります。 そんなときこそ、Shade...
View ArticleClik here to view.
映り込んだ電線や人、Photoshopの新機能でワンクリック削除しよう
写真に映り込んだ電線や通行人を簡単に消せる新機能登場！ 旅行先やイベントで撮った写真に、まさかの電線や通行人が映り込んでしまってガッカリ…なんてこと、ありません […] 映り込んだ電線や人、Photoshopの新機能でワンクリック削除しようはPhotoshopVIPで公開された投稿です。
View ArticleClik here to view.
Photoshop v26アップデート完全ガイド！新機能7つで作業効率が爆速に
先日フロリダで開催されたAdobe MAXで、待望のPhotoshop最新アップデートが発表されました。 このアップデートには、話題の『不要な要素の削除』機能を […] Photoshop v26アップデート完全ガイド！新機能7つで作業効率が爆速にはPhotoshopVIPで公開された投稿です。
View Article