TOP  >  webdesign

Tag : webdesign

2007年11月15日

仕上がりを見ながらFavicon制作できる「favikon」

Faviconを作成してくれるサービスはかなりの数がリリースされていますが今回紹介する「Download Favicon」は画像を見ながら、トリミングしてFaviconが作れる画期的なサービスです。

トリミングしてfaviconを作成できるfavikon

従来のFaviconジェネレーター系のサービスだと横長の画像だと間延びしてしまったりおかしくなってしまいますが、上記のように自分でトリミングしながら仕上がりを決められるため、どんな画像からもFaviconを作ることができます。

詳しくは以下

(さらに…)

続きを読む
posted 01:57  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2007年11月14日

透明プレートメニューがせり出てくるドック型メニュー「Webber 2.0 Dock Menu」

CSSとJavaScriptで作られた、動きのあるシンプルなドック型メニュー「Webber 2.0 Dock Menu」を紹介したいと思います。

webber20dockmenu.jpg

こちらのメニューは透明のプレートが上から出てくるタイプのメニューで、使われている画像が透明なのでサイトに重なりができ、サイトに奥行きをあたえることができます。

詳しくは以下

(さらに…)

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

貼付けコードも生成してくれるリボンジェネレーター「Ribbon Generator」

WEBサイトでたまに見かけるリボンがけの処理を簡単に自分のものにできるサービスが今回紹介する「Online Ribbon Generator Tool」です。このサービスではリボン画像の生成と合わせてサイトに貼付けるコードも生成してくれます。

QuickRibbon

リボンのほうもかなりカスタマイズが可能で縁飾りや色など調整が可能で、打ち込む文字も書体も選択が可能でかなり作り込んだものが生成できます。

詳しくは以下

(さらに…)

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

Flickrと連携して自分だけのphotobookが作れるWEBサービス「bookr」

Flickrと連携して自分だけのphotoスクラップブックが作れるサービスが今回紹介する「bookr」です。FlickrIDやタグで写真を検索して自分の気に入った写真をスクラップしていくような感じでphotobookが制作できます。

bookr

photobookは本にドラッグすれば追加されます。表紙にタイトルをつけたり、写真にコメントをつけたりとちょっとしたカスタマイズもできるようになっています。もちろんページを増やす事も可能です。さらに制作したphotobookは画面の右下の「publish this book!」を押す事でブログなどに貼付る用のタグも生成する事ができます。

詳しくは以下

(さらに…)

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

あなたはどんなインターフェイスが好き?を調査する「Interface Research」

現在かなりの数のWEBページが存在し、様々なインターフェイスが派生しています。今日紹介するのはそんなインターフェイスのデザインを調査しているサイト「Interface Research」です。

interfaceresearch

こちらのサイトでは上記のように二者択一形式でサイトのインターフェイス デザインのアンケート調査しています。

詳しくは以下

(さらに…)

続きを読む
posted 06:26  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2007年11月09日

WordPressのログイン画面を簡単に変更するプラグイン「BM Custom Login」

前回「WordPressのログイン画面集「Change Color of Your WordPress Login」」と言う記事でWordPressのログイン画面のデザイン集と変更方法を紹介しましたが、今回はログイン画面の変更を簡単にするプラグイン「BM Custom Login」を紹介したいと思います。

BM Custom Login

こちらのプラグインを導入すれば簡単に分かりやすくWordPressのログイン画面を変更する事が可能です。

詳しくは以下

(さらに…)

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

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

2010年02月08日

グローバルナビゲーションのショーケース「A Showcase of Website Navigations with Serious Click Appeal」

WEBサイトのなかでも最も重要で、ユーザーが利用するナビゲーション、グローバルナビゲーション。今日紹介するのはそんなグローバルナビゲーションのショーケース「A Showcase of Website Navigations with Serious Click Appeal」です。

synthview01
SYNTHVIEW

海外のサイトにはなりますが、様々なナビゲーションが集められています。今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:50  |  
Category: Design , WebDesign   
2016年10月16日

さまざまな種類のフリーPSDファイルをまとめた「27 New Useful Free Photoshop PSD Files for Amazing UI/UX」

Photoshopの加工技術はどんどんと進化を続けており、そのPhotohopで作られたPSD素材も、ハイクオリティなものが多数配布されるようになっています。そんな中今回は、さまざまな種類のフリーPSDファイルをまとめた「27 New Useful Free Photoshop PSD Files for Amazing UI/UX」を紹介したいと思います。

photoshop_1016_2
Bricks – 38 Psd Cards for Flowcharts by Volodymyr Kurbatov – Dribbble

UIやアイコン、テンプレートなど、非常にたくさんのPSD素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:30  |  
Category: Design , Photoshop   
2015年03月22日

電話やネットワーク関連のデザインに活用できるフリーアイコン「Phone Operating System Icons」

webサイトのテーマとして制作することも多いネットワーク関連のデザイン。より分かりやすくユーザーに伝わるデザインを表現することが重要となってきます。今回はそんなシーンで利用したい、電話やネットワーク関連のデザインに活用できるフリーアイコン「Phone Operating System Icons」を紹介したいと思います。

phone1

シンプルなテイストでデザインされたアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年12月12日

2011年に発表されたクオリティの高いフリーフォントまとめ「50 Fresh and Beautiful Free Fonts from 2011」

デザイン感を決定する重要な位置づけにあるフォントですが、個性と伝わりやすさを兼ね備えたフォント選びはなかなか難しいもの。そこで今回紹介するのが、2011年に発表されたフリーフォントの中でも、クオリティの高さに定評のあるフォントばかりを集めた「50 Fresh and Beautiful Free Fonts from 2011」です。


Yore Font by ~Pilastrum on deviantART

デザイン性の高いフォントから、シンプルなフォントまでさまざまなフォントが紹介されています。中でも気になったものをいくつかピックアックしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:32  |  
Category: Design , Font   
2011年04月12日

ダークで抽象的な模様のテクスチャまとめ「45 Awesome Abstract Textures」

暗めの配色を利用したデザインは、テクスチャの付け方や構成に悩むということも多いかもしれません。今回紹介するのは、ダークなイメージ制作に役立つテクスチャまとめ「45 Awesome Abstract Textures」です。


city stars bokeh texture by =DyingBeautyStock on deviantART

ダークな中に可愛さを表現したデザインから、とことん恐ろしい雰囲気にこだわったものまで、さまざまなテクスチャ素材が45種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:04  |  
Category: Design   
2013年11月17日

扱いやすい決済システム&クレジットカードのアイコン集「Freebie: The Payment System Icon Set」

クレジットカードや電子マネーによる決済は一般化してきており、決済がどのように行えるかという表示はより重要なものになってきています。今回紹介するのはそんな決済システム&クレジットカードのアイコンセット「Freebie: The Payment System Icon Set」です。

ftpsis_1

VISAやJCBといったクレジットカードのロゴを始めとして、PayPalや日本ではあまり馴染みのない支払い方法も網羅されております。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop   
2015年02月15日

ボールド系・見た目に印象的なフリーフォントが揃った「40 Free Beefy And Bold Fonts You Should Grab」

フォントは太さや全体のバランスによって、見た目の印象やインパクトがかなり変わってくるもの。目を引きたい、デザインを強調したい時には太めのフォントが有効です。今回はそんな時に使用したい、ボールド系・見た目に印象的なフリーフォントが揃った「40 Free Beefy And Bold Fonts You Should Grab」を紹介したいと思います。

boldfont1
Sail Font · 1001 Fonts

比較的太さがあったり、しっかりとした形をしているなど、デザインを力強く演出してくれそうなフォントが紹介されています。

詳しくは以下

(さらに…)

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

【FreeFont】デザイナー向けのフリーフォントポータル「Fawnt」

デザインの印象を大きく決定する要素の一つとして書体、フォントが上げられる。直線的でカクカクしている書体は堅いとか信頼感があるイメージをあたえ、逆に曲線的な書体は柔らかく、遊びのある印象を与えます。ビジュアルの上に重ねる場合はそのビジュアルと書体とのマッチングが重要になってきます。

デザイナー向けのフリーフォントポータル「Fawnt」

今日紹介する「Fawnt」は柔らかい書体から堅い書体までクオリティの高いフリーフォントが集められているフリーフォントポータルサイトです。

詳しくは以下

(さらに…)

続きを読む
posted 11:21  |  
Category: Design , Font   
tag: Design Font
2011年06月14日

シンプルでレトロなフリーアイコンセット「Plastique Icons Full Set」

さまざまなデザインに重宝するアイコンは、フリーで使用できるタイプも豊富に発表されており、愛用しているという方も多いはず。そんな中今回紹介するのが、シンプルな中にもこだわりのデザインが生きたフリーアイコンセット「Plastique Icons Full Set」です。

定番のアイコンが全てセットになっている、幅広いデザイン制作で活躍するアイコンセットです。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: Design   
2009年07月21日

ペインティングを実現するphotoshopブラシ集「300+ Excellent Photoshop Brushes for Creating Painted Effects」

photoshopには様々なブラシがリリースされており、ブラシ次第でその表現の幅はかなり広がります。今日紹介するphotoshopブラシ集300+ Excellent Photoshop Brushes for Creating Painted Effects」は絵の具やペンキで描いたような表現を可能にしてくれるブラシセットを集めたエントリーです。

painted_brushes_01
WaterColor Reloaded – 83 brushes

様々な種類のブラシセットがあつめられていますが、今日はその中からいくつか気になったものいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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