TOP  >  海外

Tag : 海外

2016年11月20日

2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」

WEBデザインの世界は非常にトレンドの流行り廃りが早く、昨年のものは今年、今年のものを来年使えないぐらいのスピードでトレンドが移り変わっていきます。今日紹介するのは来年の2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」です。

photo-1467232004584-a241de8bcf5d

来年の注目すべき、WEBデザインのトレンドが全部で6つまとめられていましたので、順に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:20  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年09月24日

iPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」

良くも悪くも、国内外で大きな話題となっているiPhone7。すでに手に入れた方、検討中の方などなど様々だと思いますが、今日紹介するのはiPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」です。

Free-Multicolor-iPhone-7-Mockup-prev01

基本的な外観はiPhone 6sと大きく変わらないのですが、イヤフォンジャックの廃止やiPhone 7 plusで初めて搭載された2つの背面カメラなどが表現されています。

詳しくは以下

(続きを読む…)

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

ベクターで描かれたカテゴリー別アイコンセット「Cagoicon Free Vector UI Icons」

制作する上で、非常に便利なアイコン素材。今回紹介するのは、File&Document、Location、Userなどよく利用しそうなカテゴリ別に生成されたカテゴリー別のアイコンセット「Cagoicon Free Vector UI Icons」です。

Cagoicon-Free-UI-Icons-Prev02

アイコンは全てベクターで描かれており、カテゴリでまとめられているため、便利に利用することが可能です。実際に収録されているアイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:19  |  
Category: Design , Photoshop , vector   
このエントリーをはてなブックマークに追加
2016年09月06日

幾何学的なラインアートのベクター素材セット「18 Geometric Line Art Vectors」

規則正しい法則に基づいて描かれた幾何学模様のアートワークはアナログ的なアートワークとはまた違った、美しさを感じるものもあります。今日紹介するのは、幾何学的なラインアートのベクター素材セット「18 Geometric Line Art Vectors」です。

freebie-slide-1472466890-1-1

上記のようなラインで描かれた図形が全部で18個収録されています。収録されている全素材は以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:59  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2012年10月27日

使える見出しフリーフォント25 from 2012「25 Yet More Free Fonts for Headlines」

見出しに使うフォントは、デザインを決定づける非常に重要なもの。それだけに武器となるフォントはある程度それておきたいものです。今日紹介するのは比較的使いやすいクリエイティブなつかえる見出しフリーフォントをまとめたエントリー「25 Yet More Free Fonts for Headlines (from 2012)」です。


Nexa

シンプルなものから、クリエイティブによったものまで、全部で25のフォントがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2013年05月13日

森や草原の美しいシルエットを表現できるPhotoshopブラシセット「Cool Free Grass Brush Set」

草原や森のような雰囲気を取り入れたデザインは、一本一本の草や葉っぱの表現にこだわることでデザインのクオリティをアップさせられるものです。しかし、一本の木を描くだけでも多くの時間がかかってしまうということも多いのではないでしょうか?そんな中今回紹介するのが、森や草原の美しいシルエットを表現できるPhotoshopブラシセット「Cool Free Grass Brush Set」です。

12種類の草木がセットになった、雄大な自然を表現できるPhotoshopブラシとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:48  |  
Category: Design   
2011年08月04日

水&雲のさまざまな表情を作り出せる「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」

デザイン制作に非常に役立つphotoshopブラシは、いくつあっても嬉しいもの。今回紹介する「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」も、非常に活用頻度の高いブラシセットまとめです。


Water Brushes Sampler by ~FrozenStarRo on deviantART

詳しくは以下

水が飛び散る様子、夏の日の空のような大きな雲など、さまざまな種類のブラシが紹介されています。いくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 07:44  |  
Category: Design , Photoshop   
2017年11月03日

ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」

使いやすさや分かりやすさが重要なWebサイトはデザインだけではなく、一つひとつのアクションにもこだわって作られています。そんな中今回は、ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」を紹介したいと思います。

Underline01
Decorative Text Underline

アンダーラインといってもその種類は様々。さまざまなアニメーションパターンがまとめられています。いくつか紹介されている中から気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2017年04月01日

プレビューで簡単!CSSアニメーションがブラウザ上で作れる「animista」

Webデザインを彩るCSSアニメーション。実装時にはデザインのイメージに合わせて、細かな調整を加えたり、なかなかに手間がかかる箇所でもあります。そんな手間がかかる調整工程を省ける、ブラウザ上でアニメーションが作れるツール「animista」を今回は紹介したいと思います。

IvvuhLKOlVsmlb12ajwABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5DK1bYsAAQIECBAgQIAAAQIECBAgQIDAmgsIJNe8Adh9AgQIECBAgAABAgQIECBAgAABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5

ブラウザ上でプレビューしながら細かな動きを調整して、タグをコピペするだけでCSSアニメーションが実装できる便利なツールです。

詳しくは以下

(続きを読む…)

続きを読む
2018年03月29日

カラフルでスタイリッシュな処理が可能なphotoshopアクション「Color Fusion Photoshop Actions」

写真は施す加工によってガラリと印象が変わりますが、その都度処理を加えていくのは時間も手間もかかってしまう。できるだけ時間を短縮して、クオリティの高いものを作り上げたいものです。そんな中今回紹介するのは、カラフルでスタイリッシュな処理が可能なphotoshopアクション「Color Fusion Photoshop Actions」の紹介です。

ColorFusion01

3段階の簡単なステップで時間をかけずに複雑な加工ができる便利なアイテムです。

詳しくは以下

(続きを読む…)

続きを読む
2010年03月09日

フリーで使えるミニマムアイコンセット「14 Free Mobile Application Development Icon Sets」

様々な事柄をシンプルな絵で表してくれるアイコン。WEB制作やアプリケーションのインターフェイスにはとても便利に使えます。今日紹介するのはフリーで使えるシンプルなアイコンセットを集めた「14 Free Mobile Application Development Icon Sets」を紹介したいと思います。

mobiledevelopericonset_01
Free iPhone Toolbar Icons (PixelPressIcons)

原文ではモバイルアプリケーション開発のためのとなっていますが、十分普段のWEB制作にも使えそうなフリーアイコン集だと思います。いくつかまとめられていますが、今日はその中からいくつか気になったモノを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: Design , vector , WebDesign   
2015年04月01日

定番として使用できるフリーアイコンセットまとめ「Free PSD Icons: 450+ Icons for Designers」

webサイト制作で重要な役割を担うアイコンは、フリーで配布されているものも非常に多く重宝するもの。ベーシックなものから個性的なものまで、さまざまな種類を持っているデザイナーの方は多いと思います。そんな中今回紹介するのは、定番として使用できるフリーアイコンセットまとめ「Free PSD Icons: 450+ Icons for Designers」です。

icon0401_1
Boldo – Free Icon Set – graphberry.com

比較的、webサイト制作で使用頻度の高そうな種類が揃ったアイコンセットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

スモールビジネスのサイト制作に最適なフリーwordpressテーマ集「12 Free Small Business WordPress Themes」

少数精鋭でありながらも、質の高いサービス提供を行っていくスモールビジネスというスタイルが今定着しつつある中、アピールするためのwebサイト制作も必須となってきています。今回はそんなシーンに最適なフリーwordpressテーマ集「12 Free Small Business WordPress Themes」を紹介したいと思います。

wordpress0203_1
Ravel WordPress Theme

情報を的確に、シンプルに伝えることができるテーマが揃っており、どれも取り入れてみたくなるものばかり。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2011年08月03日

web制作に活用したいpsdテンプレート集「25 Free PSD Website Templates」

webを制作する時にさまざまなサイトを参考にする事も多いかと思いますが、デザインのクオリティをアップさせたい、制作時間を少しでも短縮したいという時に役立つpsdテンプレート集「25 Free PSD Website Templates」を今回は紹介したいと思います。


RetroPlate – Free Web Template | Free CSS Templates

テイストや構成などのバリエーション豊かに、実制作に活用できるテンプレートが25種類紹介されています。気になったデザインをまとめましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2011年11月21日

250種類以上のアイコンが一括ダウンロードできる「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」

webサイト制作の必須アイテムとなっているアイコンは、フリーで公開されている作品も多いですが、テイストを合わせたアイコンを自分でそろえる必要があります。そんな中今回は、250種類以上のアイコンをセットにした「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」を紹介したいと思います。

web制作に利用しやすいアイコンが豊富に展開された、webデザイナーに嬉しいセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る