TOP  >  インターフェイス

Tag : インターフェイス

2016年04月22日

UIデザインなどに活用できるPhotoshop素材まとめ「Free PSD Files: Download 28 UI/UX Design Photoshop PSD Graphics」

Photoshop形式のフリー素材は、高いデザインクオリティが表現されているだけでなく、特にweb関連のデザインに利用しやすいのも嬉しい要素の一つ。そんな中今回紹介するのは、UIデザインなどに活用できるPhotoshop素材まとめ「Free PSD Files: Download 28 UI/UX Design Photoshop PSD Graphics」です。

psd0422_2
Vintage Vector Logos – GraphicsFuel

デザイン性の高いいろいろな種類のpsd形式素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2016年01月29日

UIやテンプレートなど フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」

デザインを手軽かつ、効率的にクオリティアップにつなげることができるUIやテンプレートなどは、フリーで配布されているものも多く重宝しているという方も多いのではないでしょうか?そんな中今回紹介するのは、フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」です。

kit0129_1
Freebie | PerfectKit – modern UI kit (desktop & mobile ready) | DesignHooks

非常にたくさんの種類のインターフェイスキットがまとめられているので、きっと欲しい・希望のものを見つけることができるはず。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年01月26日

デザインクオリティの高さが魅力 フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」

フリーで配布されているUIを使用することで、デザインクオリティを格段にアップさせることができます。今回はそんなデザインクオリティの高さが魅力の、フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」を紹介したいと思います。

mobileui0125_1
Nerdial App UI | uiSurf

非常にデザイン性の高いUIキットがリストアップされています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年11月14日

サイトデザインを手軽かつハイクオリティに フリーフラットUIキットまとめ「30 Free and Flat UI Kits for November 2014」

webサイトを一からデザインするとどうしても時間がかかってしまうもの。時にはフリーで配布されている素材を使用することで、効率的に仕上げることができると思います。今回はそんな時に参考にしたい、フリーフラットUIキットまとめ「30 Free and Flat UI Kits for November 2014」を紹介したいと思います。

psd1113_1
L Bootstrap Freebie – UI Kit Inspired by Android L on Behance

いろいろなタイプのフラットテイストなフリーUIキットがまとめられており、便利に活用することができるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年09月19日

フラットテイストなフリーUIキットが多数揃った「30 Free and Flat UI Kits」

webサイトやスマートフォン・タブレットサイトなどを制作するのに便利に利用できるUIキット。いろいろな種類がダウンロードできるようになっており、活用されている方も多いのではないでしょうか?そんな中今回は、フラットテイストなフリーUIキットが多数揃った「30 Free and Flat UI Kits」を紹介したいと思います。

ui0919_1
Al Khabar – Free UI Kit For News [free psd]

主流のフラットデザインを取り入れたUIキットの、さまざまな種類がまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 12:18  |  
Category: Design   
このエントリーをはてなブックマークに追加
2013年11月15日

デザインのイメージを掴みたい時に活用できるベースモックアップ集「9 Free PSDs for Showcasing your Design Work」

スマートフォン向けUIデザインや、PC・タブレット向けのWebデザイン、また名刺やポスターなど、世界にはさまざまな種類のデザインがあります。今回はデザインのイメージを掴みたい時に活用できるベースモックアップ集「9 Free PSDs for Showcasing your Design Work」を紹介したいと思います。

9fpfsydw_0
10 Super Useful Free Flat UI Kits | Freebies

デザインの分野を超えた、さまざまなバリエーションが用意されています。今回はその中でも気になったものをピックアップしたので、下記よりご覧ください。

Responsive Showcase Psd Vol2 | Psd Web Elements | Pixeden
PC、タブレット、スマートフォン全てを対応するレスポンシブWebデザインのモックアップ。デザイン制作の他に、コーディングにも参考になりますね 。

9fpfsydw_1
 
 
 
 

Letterpress Business Cards MockUp | GraphicBurger
拘った名刺デザインのモックアップ。紙を変えたり、文字を打ち直したり、さまざまに見せ方を変えることができます。

9fpfsydw_2
 
 
 
 

Poster Frame PSD MockUp | GraphicBurger
ポスターの使用イメージを作成する時に便利なモックアップ。画を差し替えるだけで簡単にイメージを見せることができます。

9fpfsydw_3
 

PSDで用意されているので改変がとても楽で、便利です。クライアントにイメージを見せたい時に、また実物の雰囲気を見せられる、便利なモックアップ集となっています。

9 Free PSDs for Showcasing your Design Work | Freebies

続きを読む
posted 07:41  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2017年09月24日

直感的な操作で簡単にアニメーションを作成することができるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」

WEBサイトならではのアクション要素の一つ、アニメーション。取り入れることができれば個性的でインパクトのあるサイトを制作できますが、アニメーションの作成はハードルが高いと感じる方も多いのではないでしょうか。そんな方におすすめできるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」を今回はご紹介します。

stylie-css-animation_top

使い方が難しそうと思われる方も多いかもしれませんが、汎用性の高い便利なツールとなっています。使用方法をわかりやすく説明してくれている動画が紹介されていますので、まずは下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool   
2013年11月21日

AIでも配布!グラフィカルなアイコンセット「Freebie: Nice Things Icon Set (128 Icons, PNG + AI Source)」

デザイン制作を行う中でアイコンを効果的に用いれば、余計なテキストを削減すると同時に、ユーザビリティの向上にも貢献してくれる便利なものですが、今回はAI形式のデータも同封されているグラフィカルなアイコンセット「Freebie: Nice Things Icon Set (128 Icons, PNG + AI Source)」を紹介したいと思います。

fntis128_0

収録されているアイコンは食べ物から電化製品とジャンルも多岐に渡っていて、その数128種類。ポップなテイストで作りこまれたアイコン達は見ているだけでも楽しい気分にさせてくれます。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , vector , WebDesign   
2008年04月01日

WEBデザイナーのタイポグラフィを助ける101のサイト「101 Typography Resources」

WEBデザインをしていても、紙のデザインをしていても関わってくることが多いタイポグラフィ、イメージではなく文字での訴求はもっともわかりやすい手法だからかもしれません。今日紹介する「101 Typography Resources for Web Designers」はWEBデザイナーのための素晴らしいタイポグラフィを作り上げるためのヒントや助けになるリンク集です。

typography.jpg

「101 Typography Resources for Web Designers」はただ101個タイポグラフィ関連のリンクが羅列しているだけではなく、ある程度ジャンルによってカテゴライズされています。

詳しくは以下

(さらに…)

続きを読む
posted 09:56  |  
Category: Design , Font   
tag: Design Font
2011年06月27日

アクリル絵の具を表現できるブラシセット「Free Acrylic Paint Smudge Brushes Set」

Photoshopはさまざまな画像加工ができるだけでなく、ブラシなどの機能を活用することで、さらに幅広い表現が可能です。そこで今回紹介するのが、アクリル絵の具の質感を表現できるブラシセット「Free Acrylic Paint Smudge Brushes Set」です。

さまざまなタッチが再現できるブラシが30種類もセットされているので、想い通りにカンバスに描くことができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 07:05  |  
Category: Design , Photoshop   
2013年03月22日

さまざまなヒョウ柄ファブリックが揃うテクスチャまとめ「A Collection of 33 Pleasant Leopard Skin-Like Textures」

ヒョウ柄やゼブラ柄などの動物の模様を再現したファブリックは、ファッションにはもちろん、インテリアなどさまざまな場面で利用されており、特定の柄を好んで集める方も多いと思います。そこで今回紹介するのが、さまざまなヒョウ柄ファブリックが揃うテクスチャをまとめた「A Collection of 33 Pleasant Leopard Skin-Like Textures」です。
 

Texture African 002 by ~Lelanie-Stock on deviantART

イラストテイストな表現から、リアリティのある模様まで、さまざまなヒョウ柄のテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:06  |  
Category: Design   
2009年01月13日

商用可!素材感のある紙のテクスチャセット「High-Resolution Grungy Paper Textures」

デザインに質感や雰囲気を与えてくれる紙のテクスチャ。一枚背景に引くだけでデザインのイメージをガラリと変えることができます。今日紹介するのは素材感のある紙のテクスチャセット「High-Resolution Grungy Paper Textures」です。

種類こそは6種類と少ないものの、収録されているテクスチャはかなり高解像度で2592×3872ピクセルとなっています。このくらいのサイズがあるのであれば色々なシーンでりようできそうな気がします。配布されているテクスチャはFlickrにてセットで公開されていましたので、下記にスライドショーを貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 09:39  |  
Category: Design , Photoshop   
2008年10月19日

ヴィンテージ&レトロ感を演出するphotoshopチュートリアル集「Vintage and Retro Photoshop Tutorials」

あえて古い質感を出すことで、雰囲気や全体の世界観を作る。そんな手法を一度は使ったことがあるかと思います。今日紹介するのはそんなヴィンテージ&レトロな質感を演出するためのphotoshopチュートリアルをまとめたエントリー「Vintage and Retro Photoshop Tutorials」です。


Wicked-Worn Vintage Pop Art Design

今回はいくつか紹介されているチュートリアルのなかからきになったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:21  |  
Category: Design , Photoshop   
tag: 
2008年09月20日

ハイクオリティな厳選CSSデザインテンプレート集「Free CSS Templates」

フリーのCSSデザインテンプレートを配布しているサイトは多々存在し、Designdevelopでも「フリーのテンプレート配布サイトをまとめた「40 Free Web Template Resources」」や「クールな無料CSSテンプレート集「CSS 4 Free」」などと取り上げてきましたが、玉石混合で数が膨大すぎて探すのはなかなか大変な作業です。

そこで今日紹介するのは、様々なCSSフリーデザインテンプレートサイトからクオリティの高いCSSデザインテンプレートをピックアップしたエントリー「Free CSS Templates」です。その中からさらに気になったCSSデザインテンプレートを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:33  |  
Category: WebDesign   
2009年04月27日

JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」

一枚のページにたくさんの情報をまとめたい時に便利なのがスライド表現。今日紹介する「10 Best jQuery Sliders」はコンパクトで高機能なAjaxライブラリjQueryを使って実装するスライド機能を紹介するエントリーです。

jqueryslides00
loopedSlider

いくつかのスライド表現のサンプルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:56  |  
Category: WebDesign   
2018年05月14日

写真やデザインにアクセントをつけたい時におすすめのPhotoshopブラシ「Brushing Up: A Large Collection of Free Photoshop Brushes」

Photoshopには様々な機能がありますが、中でも重宝されるのがブラシ機能。難しい表現も可能にしてくれるので活用している人も多いのではないでしょうか。そんな中今回は、写真やデザインにアクセントをつけたい時におすすめのフリーで使えるPhotoshopブラシ「Brushing Up: A Large Collection of Free Photoshop Brushes」を紹介したいと思います。

paintingbrushes01
Ebullient| 9 Painting Brushes by desperatedeceit on DeviantArt

様々なテイストのブラシが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る