TOP  >  WEBデザイン

Tag : WEBデザイン

2018年05月18日

幅広く活用出来るWebサイトテンプレートまとめ25「25 Best Free Website Templates For Launching Your Website Today」

Webサイトの制作時にフリーで活用出来るテンプレートはとても役に立ちます。作業効率がよくなるのはもちろん、デザインのクオリティも上げることができます。今回は、幅広く活用出来るWebサイトテンプレートまとめ25「25 Best Free Website Templates For Launching Your Website Today」の紹介です。

WebTemplate01
Oleald Website Template | Free Website Templates | OS Templates

様々なシーンで活用出来るてんぷれーとが紹介されています。今回はその中から気になったものをピックアプしてみましたので、気になった方はチェックしてみてください。

詳しくは以下

(続きを読む…)

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

ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」

アイコンには機能などをグラフィックに置き換えてユーザーに分かりやすく示す役割があります。そんな中今回は、食べ物からビジネスアイテムまで様々なアイテムが揃う、ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」の紹介です。

magicons600_01

様々なシーンで活用できるフラットなアイコンセットです。

詳しくは以下

(続きを読む…)

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

環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」

様々なシーンで活用できるアイコン素材はいくつ手元にあっても困ることはありません。今回紹介するのは、環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」です。

ecologyicon01

Webサイトやグラフィックデザインどちらでも使えるベクターデータのアイコン素材です。

詳しくは以下

(続きを読む…)

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

周りと一歩差がつく!クリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」

デザイナーの作品や仕事を綺麗にまとめてくれるポートフォリオ。最近ではWebを利用してポートフォリアサイトで作品を紹介する方も増えているようです。そんな中今回は、周りと一歩差をつけるクリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」を紹介したいと思います。

PORTFOLIO_wp01
Explainer Video & Animation Company – Kasra Design

おしゃれなポートフォリオサイト作りを手助けしてくれるアイテムが20種類。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

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

動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」

Webサイトやロゴ、UIのデザインを制作する時どんなツールを使っているでしょうか。中でも、慣れていないとちょっと倦厭されがちなPhotoshopですが、便利な機能が詰まっているので慣れてしまえば様々な用途で使えます。今回は、動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」を紹介したいと思います。

tutorial
(16) Web Design Tutorial For Beginners: How To Design A Cool Website Billboard In Photoshop CC – YouTube

ランディングページからロゴまで、初心者でも安心な動画を使ったチュートリアルのまとめです。

詳しくは以下

(続きを読む…)

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

フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」

Webサイトにはアラートメッセージが必要な場面がいくつかあります。多くはJavaScriptのアラートを使用して行われていますが、カスタムCSSとJSコードを使って簡単に表現することができます。今回は、フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」の紹介です。

AlertCode04
Ionic Alert

ベーシックな表現からPOPなものまで10種類が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2014年05月12日

クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」

webサイトに文字や情報などを入力する際に使用する入力フォーム。一般的には文字を打ち込むとカーソルが右側に動いていくシンプルなものが主流ですが、今回紹介するのは、クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」です。

form1
Natural Language Form

入力フォームに独自な動きや、フォーム自体にデザインが施された、他のサイトとちょっと差を付けたい時に活用できる例がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:16  |  
Category: Design   
2010年06月29日

FLASHサイトのCMS10選「Top 10 Flash Content Management Systems」

国内でも多く利用されているCMS。代表的なものだとMovabletype、wordpressとどれも制作者であれば聞き覚えがあるものですが、あまりにパッケージも無く、利用例が少ないのがFLASHサイトのCMS。今日紹介するのはFLASHサイトを自由に、そして柔軟に管理できる海外のFLASHサイトCMSを集めたエントリー「Top 10 Flash Content Management Systems」です。

26-02_flashmotocms
FlashMoto Flash CMS

様々なFLASH CMSがまとめられており。一部のそれぞれ特有の機能をもっています。今回は幾つか気になったFLASH CMSを紹介したいと思います。

詳しきは以下

(続きを読む…)

続きを読む
posted 02:20  |  
Category: WebDesign , WebService   
2011年08月17日

WEBデザインに使いやすいPSDパーツ素材をまとめたサイト集「10 Awesome Websites With Free PSD Resources for Download」

webデザイン制作で便利に活用できるpsd素材ですが、都度インターネットなどを検索し、欲しい素材を探すのには手間と時間がかかってしまいます。そこで今回紹介するのが、さまざまなテイストのデザインパーツ素材サイトを集めた「10 Awesome Websites With Free PSD Resources for Download」です。


Free web design resources & layered PSD files on Freebies Booth

シンプルな素材に強いサイトから、可愛らしいデザイン素材を取り扱うサイトまで、さまざまなサイトが紹介されています。中でも気になったのもをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2009年07月09日

ベクターデータからテクスチャまでデザイナーの為のリソース50選

制作時間や手間を圧縮してくれる様々なデザインリソースがWEB上で公開されていますが、今日紹介する「 50 Best-Of Designer’s (NEW) Download Picks and Resources」はベクターデータからテクスチャまでデザイナーの為のリソースを集めたエントリーです。

freebies011
14 Exclusive Floral Stamps Vectors

全部で50もの制作に役立つリソースが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:36  |  
Category: Design , Font , Photoshop , vector   
2011年03月30日

最新のフリーフォントコレクション「8 Fresh and Free High-Quality Fonts」

デザインの現場で必ずといっていいほど利用するフォント、時にデザイン性を求められるシーンも少なくないのではないでしょうか。そこで今回紹介するのは、特に最近公開された新しいフリーフォントコレクション「8 Fresh and Free High-Quality Fonts」です。


Infinity on the Behance Network

シンプルなものから個性的な形をしたものまで、さまざまなタイプのフリーフォントが紹介されています。デザインの現場でおおいに活躍してくれそうです。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:56  |  
Category: Design , Font   
2008年07月05日

わずかなコードでフリガナを自動入力するjavaScript「AutoRuby.js」

何かを登録する際、フォームでは必ずと言っていいほど、名前とフリガナを入力しなければいけません。今回紹介するるjavaScript「AutoRuby.js」はそんなフォームでのフリガナ入力を自動化してくれるというものです。

自動化と聞くとかなり複雑なカスタムをほどこそ無ければいけないのかなと思うのですが、そんなことは無く、簡単に利用することができます。簡単に手順を下記に記しておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:22  |  
Category: WebDesign   
2008年03月04日

超リアルなダイヤの指輪のベクターデータ「Vector Golden Rings (AI)」

少し前に超リアルなベクターアートを紹介した「The World’s Most Photorealistic Vector Art」が話題になっていましたが、今日紹介するのはそんな超リアルなベクターアートのベクターデータ「Vector Golden Rings (AI)」です。

超リアルなベクターデータアイコン

上記の写真を見る限りでは、ほとんど本物の写真のようにみえるのですが、ダウンロードするとaiファイルになっていて、全てベクターデータで描かれた物になっています。実際に開いてアウトライン表示してみたスクリーンショットを下記に貼っておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:42  |  
Category: Design , vector   
tag: Design vector
2015年03月31日

ヴィンテージかつレトロな雰囲気を表現できるフリーフォント集「30 Must-Have Vintage Fonts For Free」

デザインのイメージに合わせて最適なフォントを選ぶことで、デザインの質は格段に向上します。そんな中今回紹介するのは、ヴィンテージかつレトロな雰囲気を表現できるフリーフォント集「30 Must-Have Vintage Fonts For Free」です。

retrofont1
Monsieur La Doulaise Font · 1001 Fonts

ヴィンテージ調のデザインに合わせやすいフォント30種が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:30  |  
Category: Font   
2013年01月02日

ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」

WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。

このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design , vector   
2016年05月14日

シームレスに使える 金色のカラーデザインが印象的なフリーパターンセット「Seamless Gold Pattern Set」

デザインに彩りを与えてくれるパターン素材。いろいろな種類のものが配布されていますが、中でもシームレスで、継ぎ目を気にすることなく敷き詰められるパターンはとても重宝します。今回はそんな、シームレスに使える「Seamless Gold Pattern Set」を紹介したいと思います。

gold1

金色のカラーデザインが印象的なフリーパターンセット。デザイン性もあり、おしゃれな印象にデザインを仕上げることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:20  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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