TOP  >  webdesign

Tag : webdesign

2009年05月23日

シンプルなWEBデザインばかりを集めたデザイン集「siiimple」

世界各国でWEBは構築されており、今日もどこかで様々なデザインのWEBページが制作されています。今日紹介するのはそんな数あるWEBデザインのなかからシンプルなWEBデザインばかりを集めたデザイン集「siiimple」です。

simpllle

どれもシンプルで写真と文字、そしてすっきりとスペースを活かしたそんなデザインが多数登録されています

詳しくは以下

(さらに…)

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

Flashで作るナビゲーションのチュートリアル22選「22 Versatile Adobe Flash Menu and Navigation Tutorials」

使い方によっては表現力豊かで、便利なFlash。今では様々なWEBコンテンツがflashで制作されていますが、今回紹介する「22 Versatile Adobe Flash Menu and Navigation Tutorials」はflashで制作できる様々なナビゲーションのチュートリアルをまとめたエントリーです。

flashmenu01
Actionscript 3.0 Drop Down Menu (Video)

一般的なメニューからflashの表現を活かしたメニューまで、様々なものが紹介されていますが、今回はその中から特に気にあったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:56  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年05月19日

もう困らない!2009年WordPressテーマ100選「100 Amazing Free WordPress Themes for 2009」

WordPressの一つの魅力が豊富なテーマ。海外が中心になりますがクリエイティブで作り込まれた無料のテーマが多数公開されています。今日紹介するのは2009年に発表されたWordpressのテーマを集めたエントリー「100 Amazing Free WordPress Themes for 2009」を紹介したいと思います。

wptheme100-01
ColouriseDemo

「Smashing Magazine」にてまとめられていましたので、今回はいままでDesigndevelopでは紹介したことが無いテーマを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:14  |  
Category: WordPress   
このエントリーをはてなブックマークに追加
2009年05月18日

無料でダウンロードできるWEBサイトのPSDテンプレート「Best of FREE PSD Templates」

WEBサイトを制作する時の方法は人それぞれだと思いますが、まずはPSDでモックアップを作ってからと言う方も多いのではないでしょうか?今日はフリーで使えるWEBサイトのPSDをまとめたエントリー「Best of FREE PSD Templates」を紹介したいと思います。

freepsdwebd01
5 Webdesigns PSD Pack

かなりの数のPSDが紹介されていますが、今日はその中からいくつか気になった、そして使えるかなと思ったPSDを中心に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:58  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2009年05月16日

コードを貼り付けるだけで、サムネイル付きの関連記事を表示してくれる「LinkWithin」

ブログの必須項目とも言える関連記事のエントリー内での表示、特にエントリーが多く、取り上げている内容が多岐に渡るブログであれば、かなり効果的に動いてくれます。今日紹介するのはjavascriptのコードを貼り付けるだけで、サムネイル月の関連記事を表示してくれるWEBサービス「LinkWithin」を紹介したいと思います。

linkwithin01

アカウントの発行は一切必要なく、Emailとブログリンクを入力してあとは実装したいブログのシステムを選択するだけでOKです。

詳しくは以下

(さらに…)

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

jQueryで実現するフルスクリーンスライドショー「supersized」

全画面の写真のスライドショーは迫力があり、写真や作品の魅力を十分に伝えてくれます。皆さんは全画面の写真スライドをWEB上で制作するときどういった物をつかっていますでしょうか?今日紹介するのはJQueryで実現するフルスクリーンスライドショー「supersized」です。

srideshows01

実装もものすごく簡単で、ソースファイルを丸ごとダウンロードできますので、収録されているphpを改変していけば簡単にカスタマイズもできるようになっています。

詳しくは以下

(さらに…)

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

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

2016年04月09日

テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」

デザイン上に配置するテキスト。いろいろな入れ方や表現の仕方がありますが、絵的に配置するだけでなくそこに動きを加えることで、魅力を増すのではないでしょうか?そんな中今回紹介するのは、テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」です。

effect0409_1
Magnetype

12選という限られた数ではありますが、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年07月21日

ロイヤリティーフリーの写真素材サイトを網羅「25 Free Stock Photo Sites」

ストックフォトについては国内外でいろいろと紹介してきましたが、今日紹介するのは海外のロイヤリティーフリーの写真素材サイトをまとめたエントリー「25 Free Stock Photo Sites」です。

デザイナーやデザイン関連に従事している方には非常に役立つエントリーです。いろいろなサイトが紹介されていますが、今日はその中から気になるサイトをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:05  |  
Category: Design   
tag: Design photo
2012年11月20日

精巧な表現がクオリティに差を付ける!交通関係のPhotoshopブラシまとめ「35+ Cool Photoshop Transportation Brush Sets」

車やバイクなどの表現が難しい素材は、デザインを作り上げるのにとても時間がかかります。そんな中今回は、精巧な表現がクオリティに差を付ける、交通関係のPhotoshopブラシをまとめた「35+ Cool Photoshop Transportation Brush Sets」を紹介したいと思います。


Truck Brushes Set 4 by ~garystewart40 on deviantART

スポーツカーからレトロな車、バイクや帆船まで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:41  |  
Category: Design , Photoshop   
2015年01月28日

本のある暮らしをデザインできるフリーアイコンセット「50 Free Home and Public Library Icons」

インターネット上で配布されているアイコンは主にベーシックなタイプが多いですが、専門的なテーマに特化したものも多数配布されています。そんな中今回紹介するのは、本のある暮らしをデザインできるフリーアイコンセット「50 Free Home and Public Library Icons」です。

pubric1

自宅のプライベートな空間、また公共の図書館のイメージをアイコン化。他にはないテーマが特徴のアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:34  |  
Category: Design   
2008年10月25日

ソース付!実用的なページナビゲーション集「24 Web 2.0 Navigation」

ブログが一般的になってきて、ご自身のブログにページナビゲーションをつけている方も多数いるかと思います。今回紹介するのはページナビゲーションのデザイン例を集めた「24 Web 2.0 Navigation」です。

オリジナルのデザインもありますが、「24 Web 2.0 Navigation」ではFlickrやDigg、yahooなど人気ページのページナビゲーションも収録されていて、CSSも見ることができます。

詳しくは以下

(さらに…)

続きを読む
posted 07:53  |  
Category: WebDesign   
2013年05月05日

価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」

WEBサービスでよく見かける、サービスの形態ごとの価格表、そのプランで何ができるのか?いくら位の差があるのかというのを一瞬で見分けられるように整理されており便利でスタンダードなデザインですが、これがいざ作るとなるとなかなか難しく苦労したというデザイナーの方も多いのではないでしょうか?今日紹介するのは価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」です。


Spotify

全部で21もの価格表がまとめられたています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:43  |  
Category: WebDesign   
2014年03月28日

シンプルにもアレンジしても使える フリーサンセリフフォント「15 Free Superb Sans-Serif Fonts For Designers」

形状的にクセのない使いやすい形として人気のサンセリフフォントは、非常に重宝する存在です。今回はそんなサンセリフフォントを無料で利用することができる「15 Free Superb Sans-Serif Fonts For Designers」を紹介したいと思います。

sanserif1
Sansation Font | dafont.com

定番として活躍してくれるであろうシンプルなタイプから、個性をプラスしたものまで15種のフォントが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2010年12月25日

手書きのタイポグラフィアート集「Beautiful Hand Drawn Typography」

デザインのジャンルとして人気の高い”タイポグラフィ”、その表現方法にもさまざまなものが存在しますが、今回紹介するのは手書きのタイポグラフィアート集「Beautiful Hand Drawn Typography」です。


DiR on the Behance Network

多彩な表現方法で描かれたタイポグラフィアート作品が数多く紹介されており、デザインをする際のアイデアソースとしておおいに活用できそうです。気になったものをいくつかピックアップしてみましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:08  |  
Category: Design   
2015年04月10日

デザインに彩りを デザイン性の高いフリーフォントまとめ「Collection of New & Free Fonts for April 2015」

フォントには非常にいろいろな種類が存在していますが、フォント単体で存在感が感じられる個性的なタイプもたくさんフリーで配布されています。今回はそんな、デザイン性の高いフリーフォントまとめ「Collection of New & Free Fonts for April 2015」を紹介したいと思います。

font0409_1
MOSCÚ | Free Font on Behance

シンプルでベーシックに使用できるものから、形が非常に独創性のあるものまで、幅広いデザインのラインナップが魅力のまとめとなっています。

詳しくは以下

(さらに…)

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

支払いフォームデザインのインスピレーション集「30 Amazing Payment Form Designs for Your Inspiration」

わざわざ出かけなくても、自宅でショピングができてしまう時代。インターネット利用者の約9割が、ネットショッピングを経験しているとも言われており、もはや日常生活において欠かせない存在といっても過言ではないかもしれません。そんな中今回は、ECサイトに欠かせない、支払いフォームデザインのインスピレーション集「30 Amazing Payment Form Designs for Your Inspiration」の紹介です。

PaymentForm01
Credit Card Checkout by Patryk Zabielski – Dribbble

払いフォームと言ってもレイアウトやUIデザインは様々。今回はいくつか気になるものをピックアップしてみました。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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