TOP  >  WebService

Tag : WebService

2011年05月02日

シンプルに表現するwebサイトデザインまとめ「Best Minimal Web Design I Recently Bookmarked」

ネットサーフィンをしていると、表現力の優れたサイトに立ち寄ることが多くなると思います。それは表現力に優れたサイトは、クリエイティブ性やユーザビリティへの配慮が行き届いており、過ごしやすい空間になっているからではないでしょうか?そこで今回は、シンプルな表現の中に優れたwebサイトの特徴が詰まっているwebサイトデザインまとめ「Best Minimal Web Design I Recently Bookmarked」を紹介したいと思います。


Minimal-Web-Design-Inspiration

シンプルな構成の中に、行き届いた細部へのこだわりを感じるwebサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ドラック&ドロップでダウンロードできるフリーアイコン集「Icon Toucan」

webデザイン制作には欠かせないアイコン、ポイントとして、またデザインに彩りを添える素材としてさまざまなシーンで活躍してくれます。今回紹介するのは、ドラック&ドロップでダウンロードできるフリーアイコン集「Icon Toucan」です。

フリーで使用できるアイコンが豊富に展開されています。どれもシンプルで定番のデザインなので、幅広く利用できるとても便利なアイコン集ではないでしょうか。
詳しくは以下

(さらに…)

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

愛らしく美しい ウェディング関連サービスのwebサイト集「30 Adorable Wedding Websites」

特に女性の方にとっては人生の一大イベントといっても過言ではない「ウェディング」、思い出を華やかに残すために、さまざまなサービスを利用される方も多いはず。そこで今回は、ウェディング関連サービスのwebサイト集「30 Adorable Wedding Websites」を紹介したいと思います。


OnPointImages

自らのウェディングシーンを想像させる美しい写真はもちろん、フラッシュを使い動画や音楽を取り入れた華やかなサイトが多く紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

Webデザインにおける効果的なフォントの配置例30選「30 Examples of Effective Font Replacement in Web Design」

サイズや配置など、フォントを効果的に使用することはWebデザインにおいて、重要な要素の一つです。そこで今回は、Webデザインにおける効果的なフォントの配置例30選「30 Examples of Effective Font Replacement in Web Design」を紹介したいと思います。


Circle – Digital Marketing for Kenya

フォントで魅せるデザインから、レイアウトや配色によって効果的に表現されるデザインまで、様々なフォントの活用例が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:52  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年04月23日

グローバルメニューを手軽に動作させることができるJQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」

webサイトを制作する上で、必ず必要となるグローバルナビは、ユーザーがもっとも多く通過する重要な要素となっており、グローバルナビの分かりやすさ使いやすさは、webサイトの最重要課題ではないでしょうか?そこで今回紹介するのは、デザイン性が高く、ユニークな動きを手軽に取り入れることができるグローバルメニュー用JQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」です。


Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops

どんなサイトにも使いやすいシンプルなデザインから、ポップで印象的なデザインまでさまざまなグローバルメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

webサイト制作に重要な四つの要素「Four Essential Web Design Tips」

webサイト制作のアイデアはあっても、実際に作ろうと思うとどこから手を付けていいのか分からない、という方もいらっしゃるのではないでしょうか?そこで今回紹介するのは、webデザインに重要な4つの要素をまとめた「Four Essential Web Design Tips」です。

webサイトを構築するにあたり押さえておくべき重要な要素がポイントを絞って紹介されています。

詳しくは以下

(さらに…)

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

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

2017年12月04日

レスポンシブ対応したフリーWordPressスライダープラグイン「Top 10 Free Responsive WordPress Slider Plugins」

Webサイトを閲覧しているとよく見かけるスライダーですが、様々な仕様があり、用途や機能に合わせて構築してく必要があります。そんなシーンで役立ってくれるのが今回紹介する、レスポンシブ対応したフリーWordPressスライダープラグイン「Top 10 Free Responsive WordPress Slider Plugins」です。

sliders00
Slider by Soliloquy – Responsive Image Slider for WordPress — WordPress Plugins

無料でダウンロードできる10種類のスライダープラグインが揃っています。

詳しくは以下

(さらに…)

続きを読む
2009年06月30日

ワンページにすべてをおさめるWEBデザイン集「41 Sleek Single Page Websites」

国内で一般的なWEBページの構造を思い浮かべるとしたら皆さんはどんなものを思い浮かべるでしょうか?スタンダードな例として、ページが複数ページがあってそれをグローバルナビゲーションでまとめているといった作りがあります。今日紹介する「41 Sleek Single Page Websites」は先ほどあげたスタンダードな例ではなくて、すべてのコンテンツを1枚のページに集約したWEBの構成をとっているWEBページを集めたエントリーです。

onepweb01
Pictureghjk 8

まとめているからと言って、コンテンツが充実していないという訳ではなく、機能的には問題ない形で1ページに落とし込んでいます。今回はいくつか収録されているもののなかから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:15  |  
Category: WebDesign   
tag: webdesign
2013年04月24日

さまざまな屋根瓦が揃うルーフテクスチャまとめ「21 Free To Download Roof Textures For Your Designs」

日本国内でも東北地方と沖縄では住宅の形状が随分異なりますが、世界各国の気候や風土によっても、住宅の雰囲気も大きく異なると思います。今回はそんなさまざまな住宅の屋根瓦をクローズアップしたルーフテクスチャまとめ「21 Free To Download Roof Textures For Your Designs」を紹介したいと思います。


Castle Roof Tiles texture stock by *Khudozhnik-Stock on deviantART

カラフルで可愛らしい瓦から、年季の入った瓦まで、さまざまな屋根瓦テクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:34  |  
Category: Design   
2015年08月21日

フリーで使用可能 HTML・PSDテンプレート集「20+ Fresh and Free HTML and PSD Templates plus GUI Packs」

webサイトやスマートフォン・タブレット対応のサイト制作をする際に便利なフリーのテンプレート。すでにすべてが完成された状態のため、使用するだけでデザイン性の高いサイトを作り上げることができます。今回はそんなHTML・PSDテンプレート集「20+ Fresh and Free HTML and PSD Templates plus GUI Packs」を紹介したいと思います。

temp_2
Kuntitled – Free Bootstrap Theme | Pankogut

デザイン性に優れたテンプレートが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:03  |  
Category: Design   
2016年11月22日

写真加工に使える!CSSで実現するイメージフェクト「20 Image Effects With CSS」

写真を利用する時、撮影されたまま利用するという事はソフトウェアが発達してきた現在まずありませんが、今日紹介するのはレタッチソフトでは無く、CSSで実現するイメージフェクト「20 Image Effects With CSS」です。

cssimage

水彩風から、黒板に書いた風のエッジを検出したものエアブラシで書いたものなどなど、全部で20ものエフェクトがCSSで指定するだけで簡単にエフェクトを利用することが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 11:40  |  
Category: WebDesign   
2018年01月15日

グラフィックデザイナーのためのフリーフォント25種「25 Freshest Free Fonts for Graphic Designers」

デザイナーにとってフォントの選定は重要な作業です。しかし、フリーフォントが数え切れないほど多く存在する中からイメージにあったフォントを探し出すのは案外大変なこと。そんな時に役に立ってくれるのが今回紹介する、グラフィックデザイナーのためのフリーフォント25種「25 Freshest Free Fonts for Graphic Designers」です。

freefont0109_01
TERM – | FREE FONT | on Behance

様々なテイストのフォントが集約されたサイトは時間短縮にもつながる、便利なサイトです。気になった方は是非チェックしてみてください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2017年07月09日

さまざまなテイストが揃う 医療向けアイコンまとめ「30 Free Medical Icon Sets You Can Download」

医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。

circle-medicine-icons_top
Vector Medic – Download Free Vector Art, Stock Graphics & Images

医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。

詳しくは以下

(さらに…)

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

SketchベースでUIデザイン起こす際に便利な「Sketch – Element UI Kit」

昨年秋に発売されたフェイスID機能やフルスクリーンが話題のiPhoneX。実際に使っている人も多いかと思います。アプリなどもフルスクリーンに対応するため、次々と改修が行われています。そんな中今回は、SketchベースでUIデザイン起こす際に便利な「Sketch – Element UI Kit」の紹介です。

UIKit_iPhoneX_01 (さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2018年11月13日

高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」

美しく高品質な映像をウェブサイトのヘッダーに使用すれば、新たなデザインの可能性が広がります。そんな中今回は、高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」を紹介します。

1111_1
Videvo

フルHDや4Kといった高画質な映像と、目的に合ったファイル形式に対応できるフリー動画サイトがまとめられています。気になったものをいくつかピックアップして紹介します。

詳しくは以下

(さらに…)

続きを読む
posted 01:48  |  
Category: Design , WebDesign   
tag: 
2012年10月26日

ハロウィンにぴったりなアイコンセットまとめ「A Cool Collection Of Free Halloween Icon Sets」

日本でもイベントとして楽しむ方が増えているハロウィン。町中がカボチャのオレンジ色とおばけで溢れているように感じます。そんな中今回紹介するのが、ハロウィンにぴったりなアイコンセットをまとめた「A Cool Collection Of Free Halloween Icon Sets」です。


Free Halloween Icon Set (22 PNG Icons, 32×32px – 512×512px) | Smashing Magazine

アニメーションの可愛らしいアイコンから、リアルな質感のアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:55  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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