TOP  >  webdesign

Tag : webdesign

2009年06月19日

フリーCSSテンプレート配布サイトのまとめ「35 Excellent Websites for Downloading Free CSS Template」

WEBサイトを制作する際とても便利なテンプレート。そこからカスタマイズしていったり、部分的に利用したりと様々な使い方があるかと思います。今日紹介するのはフリーCSSテンプレートをいくつかまとめて配布しているサイトをさらにまとめたエントリー「35 Excellent Websites for Downloading Free CSS Template」を紹介したいと思います。

csstmpmato01
Styleshout

全部で35個のフリーテンプレートサイトが紹介されていますが、今日はそのなかでも使えると思ったサイトをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:01  |  
Category: WebDesign   
tag: CSS webdesign
このエントリーをはてなブックマークに追加
2009年06月17日

クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」

WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。

csstipscss
Cross browser inline block

ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。

詳しくは以下

(さらに…)

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

69123個のフリーアイコンから検索できる「Iconfinder」

WEBデザインを行なう上で非常に便利なアイコン。便利ですが、しっかりしたものを自分で作ろうとするとかなり手間がかかってしまいます。そこで今回紹介するのフリーで使えるアイコンを検索できるアイコン検索専門サイト「Iconfinder」です。

iconfinder01

全部で69123個ものアイコンが登録されており、多種多様なアイコンからお目当てのアイコンを探す事ができます。

詳しくは以下

(さらに…)

続きを読む
posted 06:07  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2009年06月11日

ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」

ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。

peel01
simple-page-peel-effect-with-jquery-css

全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2009年06月10日

ジャンル別に厳選されたフリーアイコンセット「50 Fresh Useful Icon Sets For Your Next Design」

デザインに彩りと利便性を与えてくれるアイコン。作り込まれているアイコンはデザインにクオリティも与えてくれます。今日紹介するのはアプリケーションからEC系、ソーシャルWEBサービスなどなど様々なジャンルにまたがったアイコンを紹介しているエントリー「50 Fresh Useful Icon Sets For Your Next Design」から紹介したいと思います。

icon50pack01
DI – Folder Icons

全部で50ものアイコンセットがまとめられており、総数はかなりの物になります。一つ一つかなりクオリティが高く十分実用に耐えられる物ばかりです。今日はその中から今までDesigndevelopで取り上げた事がないアイコンセットを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

モックアップをドラッグ&ドロップで簡単に作成できる「Balsamiq Mockups」

デザインの変更の手間を防ぐ為にWEB制作時にはコーディングしていないモックアップをデザイン案として見せるのが主流だと思います。今日紹介するのはラフなモックアップをドラッグ&ドロップで簡単に作成できるWEBツール「Balsamiq Mockups」です。

balsamiq

パーツをおいていくような感覚で簡単に作成できます。実際「Balsamiq Mockups」を使って制作しているイントロムービーがYouTubeにアップロードされていましたので、下記に貼付けておきます。

動画は以下から

(さらに…)

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

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

2010年03月19日

ipadで何かを企んでいる方向けのデザインテンプレート集「iPad Templates and Stencils」

国内外で話題を読んでいるAppleが発表したipad。今までにない位置づけの端末で、様々な方面で期待されていますが、今回紹介するのはipad向けのアプリやサービスをいまのうちから考えている人のためのipad開発者向けのデザインテンプレート集「iPad Templates and Stencils」です。

ipad-gui01
iPad Stencil for Omnigraffle by iA

待ち受け画面、キー入力の画面、ボタンやパーツなどなど、ipadの様々なシーンの素材がまとめられています。様々な素材が集められていますがいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:40  |  
Category: Design , Photoshop   
2009年09月01日

WEBマガジンのためのデザイン集「25 Magazine-Style Layouts for Your Design Inspiration」

WEBはもはやメディアの一つとして確立されたものを築き上げていて、様々な情報を伝えるメディアやWEBマガジンが個人運営、法人運営に関わらず公開されていますが、今日紹介するのはコンテンツがたっぷり詰まった、WEBマガジンのためのデザイン集「25 Magazine-Style Layouts for Your Design Inspiration」を紹介したいと思います。

webmaga01
bmi Voyager

様々なタイプのWEBマガジンのレイアウトが紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:25  |  
Category: WebDesign   
tag: webdesign
2016年11月06日

ハイクオリティな質感に魅了される Photoshopチュートリアル集「26 New Adobe Photoshop Tutorials to Learn Photoshop Essentials | Tutorials」

写真加工にすぐれたPhotoshopは機能が多彩な分、使いこなすのに苦労されている方も多いと思います。今回はそんな時に参考にしたい、ハイクオリティな質感に魅了される Photoshopチュートリアル集「26 New Adobe Photoshop Tutorials to Learn Photoshop Essentials | Tutorials」を紹介します。

tutorial1106_4
Combine Abstract Elements to Create a Stunning Dance Artwork – PSD Stack

非常にクリエイティブ性の高いグラフィックビジュアルが紹介されており、それぞれの工程が分かりやすく解説されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2018年11月11日

デザインにインパクトを持たせるクリエイティブなフリーディスプレイフォント「14 Free Display Fonts with a Creative Flair」

デザインに必要不可欠なフォントは、選ぶ種類によってクオリティを左右する重要な要素。そんな、中今回紹介するのは、デザインをもっとハイクオリティに演出できるフリーフォントまとめ「14 Free Display Fonts with a Creative Flair」です。

1111-1
FREE NEON FONT

14種の、比較的新しいフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

アナログで描いたような柔らかいタッチを可能にする水彩テクスチャーセット「Aqua Mellon Artistic Toolkit」

デザインの流行のひとつである、アナログテイストや手書き風のグラフィック。その中でも柔らかなタッチや優しい色合いが出せる水彩風なテクスチャーは、人気の高いモチーフです。そんな中今回ご紹介するのは、水彩風なデザインに手軽に挑戦できる水彩テクスチャーセット「Aqua Mellon Artistic Toolkit」です。

aqua-mellon-artistic-toolkit1
Aqua Mellon Artistic Toolkit — discover Pixelbuddha Plus design resources library

アナログっぽい質感を手軽に再現できる、美しい配色で色彩が魅力的なテクスチャーなどがまとめて手に入るボリューミーな素材セットです。

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

続きを読む
2017年11月17日

プロのデザイナーも愛用!最も訪問されたフリーフォントサイトまとめ「21 Most Visited Free Fonts Site」

デザイン作りをコスト面からも支えてくれるフリーフォントは、デザイン業務の強い味方。愛用しているデザイナーの方も多いのでは無いでしょうか。今回ご紹介するのは、そんなデザイナーが愛用するフリーフォント探しを手助けする、最も訪問されたフリーフォントサイトをまとめた「21 Most Visited Free Fonts Site」です。

21-most-visited-free-fonts-site1

Lost Type Co-op

プロのデザイナーも多数愛用する、知る人ぞ知る海外の王道フリーフォントサイトがまとめられています。その中から、幾つか気になったサイトを選んでみましたので是非ご覧ください。

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

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

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービス「FreePhotos.cc」

写真一枚でデザインの印象は大きく変わってしまうからこそ、選定にはしっかりこだわっていきたいもの。今回はそんな時に知っていると便利な「FreePhotos.cc」を紹介していきたいと思います。

FreePhotos.cc_top

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービスサイトとなっています。

詳しくは以下

(さらに…)

続きを読む
2009年10月27日

ブラウザからWEBサービスまでアプリを選択して一括インストールできるカスタムインストーラー「Ninite」

PCはソフトウェアが無ければタダの箱と良く言われるように、OSだけインストールしてもできることはかなり限られていますし、標準にインストールされているアプリケーションでは不足があったりします。買ったばかりのPCであれば、自分の使い方に応じて、様々なアプリケーションをインストールする必要が有るかと思います。

nintai

今日紹介するのはよく利用されるWEBで公開されているソフトウェアをまとめてインストールできるカスタムインストーラー「Ninite」を紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:12  |  
Category: Tool   
tag: Tool
2012年06月26日

雰囲気のある汚れ感を演出できるグランジブラシまとめ「20 Free Photoshop Grunge Brushes」

デザイン背景やパーツ背景に雰囲気をプラスするために利用されるグランジ素材は、模様のニュアンス次第でデザインテイストが大きく変わります。そんな中今回紹介するのが、自分で想い通りのニュアンスを作りやすい、グランジPhotoshopブラシをまとめた「20 Free Photoshop Grunge Brushes」です。


Decay Brushes 2 by ~Leichnam on deviantART

アンダーグラウンドなテイストのブラシからアーンティークなテイストのブラシまで、さまざまなシーンに対応できるPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:50  |  
Category: Design , Photoshop   
2012年01月17日

webデザイン用のUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」

webデザインでは、ユーザーがサイト内を遷移しやすいUI制作が重要。そんな中今回紹介するのが、デザイン感の統一されたUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」です。

基本的なボタンデザインをはじめ、アプリストアリンクボタン・リボンデザイン・ログインフォーム・ページナビゲーション・グローバルナビゲーション・アンケート投票・ビデオやミュージックプレーヤーなど、webデザインに必要なさまざまなUIがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 08:50  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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