TOP  >  最新

Tag : 最新

2017年07月29日

WEBデザイナーならチェックしておきたい活用できる最新素材まとめ「12 Freebies & Goodies For Web Designers」

Webデザインを行う際は、レスポンシブによる見栄えやUI設計への考慮など、さまざまな箇所に気を配らなくてはなりません。UIは日々進化しており、ユーザーが快適な使用ができるようにきちんと追いついていきたいもの。そんな方におすすめの、最新のUIキットなどがまとめられた「12 Freebies & Goodies For Web Designers」を今回は紹介します。

webdesignfreebies_topkeyboard

モックアップやWordPressのテンプレート、フォントなどがまとめられています。気になったものをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年05月04日

是非おさえておきたい 最新のデザインフォントまとめ「New Free Fonts – 21 Fonts For Designers」

デザインをする際に雰囲気を大きく左右するフォントは、できれば最新のトレンドをおさえたものや新しいものを使用していきたいところです。そんなシーンで是非参考にしたい、「New Free Fonts – 21 Fonts For Designers」を今回は紹介したいと思います。

top
MAST – FREE FONT | NACH OH!

ユニークなものからエレガントなものまで、さまざまなテイストのデザインフォントが紹介されています。気になったものをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

2017年の最新作!デザイナーの為のフレッシュなフォントが集う「20+ Free Fresh Fonts for Designers」

デザインの雰囲気を大きく左右するフォントは、常に最新の情報を取り入れておきたいもの。今回ご紹介するのはそんな時にお勧めしたい、2017年以降に発表された最新のフリーフォントを集めたまとめ「20+ Free Fresh Fonts for Designers」です。

befolk
Manoyri // Free Marker Font on Behance

トレンドを押さえた新作のフリーフォント20点以上が紹介されています。気になったものを数点ピックアップしましたので、下記よりご覧下さい。

詳しくは以下
(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
このエントリーをはてなブックマークに追加

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

2011年11月11日

神秘的な世界を作り上げられるPhotoshopチュートリアル集「30 Creative Photoshop Tutorials To Create Fantastic Art」

写真加工から合成までさまざまな世界を表現できるPhotoshopは、クリエイティブ業界には必須のソフトですが、利用方法や技術はさまざまで、常に勉強が必要なソフトでもあります。そこで今回は、技術を学べるさまざまなPhotoshopチュートリアルの中から、ファンタジックな世界を作り上げられるチュートリアルを集めた「30 Creative Photoshop Tutorials To Create Fantastic Art」を紹介したいと思います。


Create a Pop Art Style Poster with Urban City Background in Photoshop – PSD Vault

絵画のような世界から、リアルな世界観を表現できるチュートリアルまで、さまざまなチュートリアルが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年03月04日

フリーアイコンサイト&ストックアイコンサイト15選「List of 15 Icons Website」

ストックフォトというのはかなり一般的になっていますが、今日紹介するのはアイコンが購入できるストックアイコンサイトをまとめたエントリー「List of 15 Icons Website」を紹介したいと思います。

iconstocks01
IconDock

全部で15個のサイトが紹介されていますがいくつかピックアップして紹介したいと思います。販売だけではなく、フリーで使えるアイコンが公開されている所もあります。

詳しくは以下

(さらに…)

続きを読む
posted 05:21  |  
Category: WebDesign   
2012年05月01日

雰囲気に合わせてさまざまなテイストが選べる国旗アイコンまとめ「25 Free Sets of Attractive Flag Icons」

世界中の国々の顔となる国旗は、それぞれの国や地域を表現した複雑なデザインも多く、その再現には時間がかかるもの。そこで今回は、雰囲気に合わせてさまざまなテイストが選べる国旗アイコンをまとめた「25 Free Sets of Attractive Flag Icons」を紹介したいと思います。


Flag’s Pack by ~Entodorm on deviantART

シンプルなアイコンから風合いを楽しめるアイコンまで、さまざまな国旗アイコンが紹介されています。中でも気になるものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:53  |  
Category: Design   
2013年01月23日

コーナーや囲みデザインに活用できるブラシまとめ「25 Lovely Looking Corner Brushes for Free Download」

デザインのアクセントとして、またタイトルをより印象づけるためになど、コーナーや囲みを利用している方も多いと思います。今回は、そんなコーナーや囲みデザインのバリエーションが広がるブラシをまとめた「25 Lovely Looking Corner Brushes for Free Download」を紹介したいと思います。


Gothic PS corner brushes by ~AmeliaLune on deviantART

植物をモチーフにしたコーナーデザインから、幾何学模様を利用したデザインまで、さまざまなデザインブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:00  |  
Category: Design   
2008年02月24日

イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」

写真からイラストレーターに落とし込むときは皆さんどういう風に書き出しているでしょうか、光と影をうまくつかまないとなかなかうまくいかずチープな物になってしまうことが多いです。今日紹介するのはイラストレーターで人物を書き出していくときのチュートリアル「
Beautiful Vector Illustration」です。

イラストレーターチュートリアル
光と影をどうつかめば良いのか、何処の部分のライティングを押さえればうまく立体的に見えるのかなど、手順を交えて紹介してくれています。いきなりは難しいかもしれませんが、がんばれば上記のようなグラフィカルな人物を制作することができます。

詳しくは以下

(さらに…)

続きを読む
posted 03:01  |  
Category: Design   
2016年03月15日

FacebookライクなGIFアニメーションプレビュー「Facebook Like GIF Preview Using jQuery」

動画はトラフィックを取られすぎてなかなか展開はできないけどなんとかしたいという思いから、動画部分をGIFアニメーションで代替して利用するというサイトを最近では見かけます。今日紹介するのはFacebookライクなインターフェイスでGIFアニメーションプレビューを実装できる「Facebook Like GIF Preview Using jQuery」です。

fbGifPreview1

こちらはjQueryベースで制作されており、jQueryとライブラリ、CSSを読みこせて、HTMLとjsを追記するという形で、比較的簡単に実装が可能です。

詳しくは以下

GIFのマークをクリックするとGIFアニメーションがスタートし、再度クリックすると元に戻ります。挙動については、デモサイトが準備されていましたので「Gif Preview with jquery」からご覧ください。

クリックでイベントが起きるため、スクロール位置などイベントを作っておけば、表示位置に来たら自動的に再生するなんてこともできそう。使い方次第ではグッとサイトが良くなるかもしれないjQueryプラグインだと思います。ソースコードはgithubにて公開されておりましたので、試してみたい方は「Fork it on Github」からどうぞ。

Facebook Like GIF Preview Using jQuery

続きを読む
posted 08:46  |  
Category: javascript , WebDesign   
2009年12月02日

WEBのクオリティを上げてくれるメッシュ表現「Create An Airforce Inspired Mesh Pattern Overlay」

WEBデザインについて細かな部分での作り込みがクオリティにつながってきたりしますが、今回紹介するのはWEB制作のクオリティーを上げてくれるphotoshopによるメッシュ表現のチュートリアル「Create An Airforce Inspired Mesh Pattern Overlay」を紹介したいと思います。

photoshop_tips_0

通常の画像にドットのメッシュのトーンをかけるというだけですが、その細かい描写は作り込みにつながるときがあります。チュートリアルは以下から

詳しくは以下

(さらに…)

続きを読む
posted 09:31  |  
Category: Design , Photoshop , WebDesign   
2015年02月13日

ハイクオリティなイメージをフリーで 最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」

制作したデザインが実際にデバイスやツールに当てはまるとどんな雰囲気になるのか、デザイナーとしてはとても気になるところだと思います。今回はそんな時に活用したい、最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」を紹介します。

mock0213_1
Dribbble – FREE Photorealistic iPhone 6 Plus PSD Mockup Templates by Tran Mau Tri Tam

ハイクオリティなイメージをフリーでダウンロードできるページが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:59  |  
Category: Photoshop   
2016年09月10日

Three.jsでここまでできる!実験的なサンプル20選「20 Exceptional Three.js Experiments」

WEBGLをjavasuriptで制御するためのライブラリThree.js。ブラウザで3D表現などを行う際には国内でも有名なライブラリですが、今日紹介するのはThree.jsを利用した実験的なサンプルを集めたエントリー「20 Exceptional Three.js Experiments」です。

Many-Icons
Many Icons in 3D Using Three.js

全部で20個の実験的なサンプルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:01  |  
Category: javascript , WebDesign   
2015年05月26日

webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」

webサイト上の仕様を自身ですべて開発するには時間やコストが必要であり、どうしても限界があることが多いと思います。今回はそんな時に参考にしたい、webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」を紹介したいと思います。

tools0526_1
SassyFlags – Simple Sass Library for flags

CSSやJavaScriptなどのツール、非常に多彩な種類が紹介されており、サイトを今よりもっと魅力的に演出することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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