サイト構築 -デザイン

新しいPhotoshop 2020がかなり便利!新機能、かゆいところに手が届く改善点が盛りだくさん

Post on:2019年11月6日

10/5にアップデートされたAdobe Photoshop 2020(v21.0)の新機能と改善点を紹介します。 スウォッチのグループ分け、レイヤーのズーム、属性パネルの強化、そしてAIも更に賢くなり、すぐ便利になる機能

...記事の続きを読む

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ

Post on:2019年10月31日

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませ

...記事の続きを読む

これは楽しい!本物の絵筆のように描けるPhotoshopのブラシ素材 -Kyle Brushes

Post on:2019年10月25日

ちょっと前にリリースされていたのを見逃していました。 Adobe公式、Kyle T. Webster氏の新作Photoshopのブラシ素材を紹介します。 Photoshopのブラシの可能性がまた広がりました! by @k

...記事の続きを読む

UXデザイナーに学ぶ、ダークテーマをデザインする時に気をつけたい5つのポイント

Post on:2019年10月24日

iPhoneやAndroidでもダークテーマが採用され、ダークテーマが注目されています。サイトやアプリをダークテーマ対応にするには、単純に色合いを反転するだけではありません。読みやすく、バランスのとれた、快適なダークテー

...記事の続きを読む

これでもうモックアップ素材に困らない!スマホ、タブレット、デスクトップほとんどすべてのデバイスが揃ってる -Devices

Post on:2019年10月2日

スマホ、スマートウォッチ、タブレット、コンピュータ、ディスプレイなど、ほとんどすべてのデバイスが網羅されたモックアップ素材を紹介します。 iPhone 11 Pro, Google Pixel 3などの最新機種をはじめ、

...記事の続きを読む

簡単で便利!Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette

Post on:2019年9月24日

最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyP

...記事の続きを読む

UIデザイン用に最適化されたおすすめのフリーフォント!小さいサイズでもくっきり綺麗で、読みやすい -Inter

Post on:2019年9月9日

以前、当ブログで紹介した「Inter UI」が名を改め、さらにくっきり綺麗に表示されるよう進化したUIデザイン用のフリーフォントを紹介します。 特に、小さい文字サイズと中くらいの文字サイズの読みやすさに重点が置かれており

...記事の続きを読む

これはすごい!形やカラーをアニメーションで変えられる、コードによって作成されたフリーフォント -Leon Sans

Post on:2019年9月2日

フォントでいろいろなデザイン、表現をしたい人にぴったりなLeon Sansを紹介します。フォントを書くアニメーションだけでなく、さまざまなアニメーション、エフェクト、シェイプを自由に作成でき、インスピレーションが刺激され

...記事の続きを読む

スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System

Post on:2019年7月16日

Webサイト・スマホアプリ用のさまざまなUIコンポーネントのデザイン素材とそれを実装するコード、480醜類のSVGアイコンなどがすべてセットになったWebコンポーネントライブラリを紹介します。 UIコンポーネントを使用し

...記事の続きを読む

美肌加工で不自然なのっぺりがない!Adobe CCの5月のアップデートで実装された新機能がすごすぎ!

Post on:2019年6月13日

Adobe CCの5月のアップデートで、新しい編集コントロール「テクスチャ」が実装されました。利用できるのはAdobe LightroomとCamera Rawで、もちろんPhotoshopでも利用できます。 「テクスチ

...記事の続きを読む

top of page

©2019 coliss