Read Article
最近気になったハイクオリティなUIキット #18
ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回はよくあるWebデザインやアプリ用のものだけでなく、Bootstrap 4のUIを再現し…
Tag : Web Design
- 67 Articles -
Read Article
多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」
自分はこういったテンプレートを利用する機会が少ないのですが、普段から多様している人には便利そうなサイトだったのでご紹介。「Best of Themes」は、様々なところで配布されているHTMLテンプレートやWordPressテーマなどをまとめているサイトで、他にもEメールやDrupalで使えるテンプレートやテーマなどもあります。
Read Article
UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20
WebサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。また、悩んだ・困ったときに見るだけで…
Read Article
様々な料金ページデザインを集めたデザインギャラリー「Pricing Pages」
「Pricing Pages」はその名の通り料金ページデザインのみを集めたデザインギャラリーです。海外サイトのデザインのみという点やサムネイルが若干小さめというのがありますが、全体的な配置や配色をはじめ、目立たせたい部分をどのように表現しているかなど参考になりそうなデザインが多くあります。
Read Article
デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #3
DribbbleやBehanceで見かけた管理画面・ダッシュボードデザインのまとめです。管理画面・ダッシュボードは見易さや操作性の高さが特に重要だとは思いますが、デザインにもこだわりたいとか表だけでなくこういった裏側もオリジナルにしたいという場合に、各要素の配置・見せ方・配色などいろいろと参考になります。
Read Article
最近気になったハイクオリティなUIキット #17
ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回はアプリやモバイル系のもの中心で、他にはダッシュボードデザインやシンプルなワイヤーフレー…
Read Article
サイトのフローチャート・サイトマップ作成時に便利な大容量デザインキット「Wyre」
久しぶりに即ダウンロードさせてもらった素材があったのでご紹介。「Wyre」はフローチャート・サイトマップ作成時に便利なデザインキットで、サイトで多用されるレイアウトやコンポーネントが100種類以上用意されています。ベースとなるフレームやアロー・バッジといったアイテムも用意されているので、それらを組み合わせることで簡単にフローチャート・サイトマップを作成することができます。
Read Article
最近気になったハイクオリティなUIキット #16
ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。
Read Article
タイポグラフィーデザインの参考になるギャラリーやデザインプロジェクト
欧文フォントを使ったものが多めですが、参考になるタイポグラフィーデザインが多数まとめられているギャラリーやWebフォントを利用して様々なデザインを表現しているプロジェクトなど、タイポグラフィーやフォントに関連するようなものを幾つかまとめてみました。ちょっと特徴的なフォントがどのようにしてデザインに上手く取り入れられているかとか複数のフォントを用いた場合の組み合わせ方など勉強になる部分も沢山あります…
Read Article
バナーデザインの制作フローやレイアウト、参考になるエントリー・デザインギャラリーをまとめてみました
バナーデザインは決められた領域内でどれだけユーザーやターゲットの目にとまるようなデザインにできるかが重要になってきます。デザイン制作したことあるなら一度は経験したことあると思いますが、領域が決められているけどその中でしっかり伝えたい内容を目立たせる必要があるので、何度もレイアウトを調整したり、結局時間をかけて完成してもいまいちな出来になってしまったりなんてことも...。そこで今回は、バナーデザイン…
Read Article
最近気になったハイクオリティなUIキット #15
ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回は少し前に発表されたPantone Colorにインスピレーションを受けて作成されたもの…
Read Article
Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100＋
画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、Web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。もちろん他にもこういった便利なものは沢山ありますし、自分も普段からここで紹介しているもの全てを利用しているというわけで…