TOP  >  WEBサービス

Tag : WEBサービス

2010年04月02日

WEBデザインのワイヤーフレームを書くためのツール10選「10 Excellent Tools for Creating Web Design Wireframes」

WEBデザインと言っても様々なフローがあり、受注を受けたとき、いきなり、Fireworksやphotoshopでデザインを始めるという方はなかなか少ないと思います。今回はデザインの前段階のワイヤーフレームを描くためのツールを集めたエントリー「10 Excellent Tools for Creating Web Design Wireframes」を紹介したいと思います。

.mockflow.com/”>MockFlow

基本的にモックアップをつくるための前段階のものなので、そこまで複雑な表現はできませんが、WEBのワイヤーを作るという意味で、様々な便利な機能が組み込まれています。今日はまとめられているツールのなかからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:57  |  
Category: Design , WebDesign , WebService   
このエントリーをはてなブックマークに追加
2010年01月29日

クロスブラウザ対策のための表示確認ツールのまとめ「Useful Tools for Testing Cross Browser Compatibility」

現在様々なブラウザがシェア争いを繰り広げており、人によって利用しているブラウザは色々だと思います。それゆえにWEB制作者にとっての一つの課題が、多々あるブラウザでの表示を統一しなければ行けないという命題が化せられると言う事です。特に現状はブラウザの種類の違いだけではなく、利用されているバージョンも異なっているため、そちらも念頭にいれなくてはいけなくて、主要ブラウザとそのバージョン違いを検証するだけでもかなり手間がかかります。そこで今回紹介するのは主要なブラウザ間での表示確認を簡単にしてくれるWEBサービス、ツールをまとめたエントリー「Useful Tools for Testing Cross Browser Compatibility」を紹介したいと思います。

browser_testing_1
Adobe Browser Lab

いくつかまとめられていますが、今日はその中からさらに気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

サイトのアクセシビリティをチェックしてくれる「アクセシビリティチェックサイトHAREL」

アクセシビリティとはWEBサイトにおいて、どの程度広く使いやすいかを示すもので、利用しやすさといった意味合いで使われる言葉ですが、今回紹介「HAREL」はURLを入力するだけで、サイトのアクセシビリティをチェックしてくれるWEBサービスです。

harel01

チェック結果は得点で表示され、どのくらい優れているかわかりやすく表示されます。ざっくりと下判定の他に「マークアップおよびスタイルシートは適切に使用すること 」、「ナビゲーションの仕組みを明確に提供すること 」などカテゴリ別に細かなアドバイス付きの評価も見ることができます。

詳しくは以下

(続きを読む…)

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

第3回AMNブログ読者アンケート[Designworks & Designdevelop]

Designdevelop上のラージバナーで告知がすでに出ていますが、参加させて頂いているブログネットワーク、AMN(アジャイルメディアネットワーク)で読者アンケートが開催されています。普段ブログを定期的に読んでいる方はどういう方々なのか、また、今後ブログにどういった内容を期待されているのかのアンケートです。

amnancart

普段Designworks、Designdevelopを行動されている方、または読んで頂いている方は、お時間ありましたら、ご協力頂けるとありがたいです。DesignworksとDesigndevelopでは初めてのアンケートとなります。普段読んで頂いている方の意見に耳を傾けながら、今後もブログ運営を続けていきたいと考えておりますので、なにとぞよろしくお願い致します。

アンケートは「第3回AMNブログ読者アンケート」から行なえます。

※無記名のアンケートになりますので、本音のご意見をお寄せ頂ければ幸いです。
※このデータは集計して利用するだけで、個別のデータを外部に開示することはありません。

第3回AMNブログ読者アンケート

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

ロイヤリティーフリーの楽曲を数多くダウンロードできる「Free Music Archive」

フリーで聞ける、使える楽曲をダウンロードしたいと言う方にオススメなのが今日紹介する「Free Music Archive」はそんな制作に使えるロイヤリティーフリーの音源を数多く配信しているWEBサイトです。

fma

配信されている曲はかなりレベルが高く。単に製作用の素材としてだけでなくて普通に音楽のアーカイブとしても利用できるくらいのクオリティです。登録されている曲はダウンロードだけではなくストリーミングで再生する事もできます。

詳しくは以下

(続きを読む…)

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

商用可!WEBサイトを盛り上げるフリー音源配布サイト「Purple Planet Music」

WEBに音をつける。敬遠される場合もありますが、WEBの用途によっては世界観を生み出すのに一役買ってくれます。皆さんはWEBを制作したあとにもし音を流したいとしたらどうしていますか?今日はそんな時に役立つWEBサイト「Purple Planet Music」を紹介したいと思います。

musicdownload

clam、dramatic、movementなどなど様々なジャンル別に音源が配布されていて雰囲気から音源を探す事ができます。

詳しくは以下

(続きを読む…)

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

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

2017年06月16日

広報の役に立つ デザイン性の高い企業向けフライヤーテンプレートまとめ「10 Professional Free Corporate Flyer Templates」

企業にとって広報は非常に重要な役割を持っており、できれば提案者に向けて響くクオリティの高いものを作成したい。そんなときに活用したい、デザイン性の高い企業向けフライヤーテンプレートまとめ「10 Professional Free Corporate Flyer Templates」を今回は紹介します。

Flyertemp_top
Free Flyer PSD Template (Free Download) by designphantom on DeviantArt

まとめられているのはどれもハイクオリティなテンプレートばかり。その中からいくつかピックアップしましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

画像に使われている色を解析してくれるオンラインサービス「Whats Its Color」

画像に使われている色をアップロードした画像、もしくはURLで指定した画像から色を解析してくれるオンラインサービスが今回紹介する「Whats Its Color」です。サイトのメインの画像の色に合わせる時、画像とデザインのテイストを統一したい時なんかに使えそうです。

whatsitscolor01.jpg

画像を指定するだけで、一番多く使われているカラーとその画像に含まれている割合TOP10の色をWEBセーフカラーで表示してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:58  |  
Category: WebService   
2015年12月05日

クリスマス&冬シーンにぴったりなフリーアイコンセット「Free Christmas & Winter Icon Set」

すでに冬シーズンは到来。そしてもうすぐクリスマスがやってきます。デザインシーンでもクリスマスのテーマが大詰めを迎えている頃だと思いますが、今回紹介するのは、クリスマス&冬シーンにぴったりなフリーアイコンセット「Free Christmas & Winter Icon Set」です。

christmasicon1105

ポップで可愛らしいテイストのクリスマス&ウインターアイコンのセットがダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2018年05月02日

手軽にデザインをカスタマイズできるWebサイトテンプレートまとめ「25 Free Open Source Website Templates for Easy Customization」

企業から個人まで、幅広い目的・用途で運用されるWebサイトは、インターネットを通して情報発信をする際に欠かせないツールのひとつ。しかし、初心者が一からコードを組みWebサイトを制作するとなると、完成までにコストがかかってしまいがちです。今回ご紹介するのは、そんな手軽に制作できるWebサイトテンプレートをまとめた「25 Free Open Source Website Templates for Easy Customization」です。

25-free-open-source1
25 Free Open Source Website Templates for Easy Customization
使いやすく、カスタマイズ可能なオープンソースのWebサイトテンプレートが25種類紹介されています。さらにその中から、これはと思ったものを幾つかピックアップしてみましたのでご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
2014年12月27日

ピザショップを始め飲食店系デザインで利用できるフリーアイコン「FREE PIZZA ICONS SET」

飲食店などのプロモーションやブランディングなどに、webサイトやショップツールは欠かせない存在。分かりやすく親しみ易いデザインも重要な要素となるのではないでしょうか?そんな中今回紹介するのは、ピザショップを始め飲食店系デザインで利用できるフリーアイコン「FREE PIZZA ICONS SET」です。

outline1227

ポップなテイストが特徴の、100種のアウトラインアイコンがセットでダウンロードできるようになっています。

詳しくは以下

野菜や果物、デザート、ドリンクなどのフード系を始め、ピザカッターや生地を伸ばすローラーなどの料理道具、また中には、音符やスターマークといったアイコンも。サイトデザインのポイント使いはもちろん、メイングラフィックの飾り付けとしてなど、使い方次第でいろいろな場所で活躍してくれそうです。

形式はpsdとai。いろいろなサイズが揃っているのも嬉しいところです。飲食店系のデザインを手がける際は一度、参考にしてみてはいかがでしょうか。

(続きを読む…)

続きを読む
posted 08:28  |  
Category: Design   
2014年12月29日

グラフィカルなテキストデザインを手がける際に試したい Photoshopテキストエフェクトチュートリアルまとめ「25 Amazing Photoshop Text Effects Tutorials for Designers」

メインのグラフィック作成に、テキストを使用することも多いと思いますが、ただ打ちっぱなしの文字だとどうしてもインパクトに欠けるもの。今回はそんな時に参考にしたい、Photoshopテキストエフェクトチュートリアルまとめ「25 Amazing Photoshop Text Effects Tutorials for Designers」を紹介したいと思います。

texteffect1229_1
How to Create a Colorful Text Effect in Photoshop

多彩なデザイン表現を可能にするテキストを使ったデザインのチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2017年07月08日

見出しでインパクトを与えることができる最新フリーフォントまとめ「Fresh Free Fonts for Big Bold Headings」

ロゴや見出しを制作する際、印象深さを与えるために必要なタイポグラフィはデザインの生命線。一風変わったデザイン性をもつフォントは多く所持しておきたいもの。今回はそんな方におすすめできるフリーフォントまとめ「Fresh Free Fonts for Big Bold Headings」をご紹介していきます。

Neon+free+font_top
FREE NEON FONT on Behance

クールなものからポップなものまで幅広く収録された、クリエイティブな最新フリーフォントのまとめになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2008年05月25日

56のシンプルな矢印フリーベクターデータ「56 Professional Free Arrow symbol & icon」

注目を惹いたり、場所を示したりとデザインする上でかなりの頻度で利用する矢印。今日はそんな矢印のベクターデータを集めた素材集56 Professional Free Arrow symbol & icons」を紹介したいと思います。

この素材集はスタンダードな矢印からアイコンチックな矢印まで幅広く収録されていて、AIファイル( Illustrator 8.0)、PDFと2種類の形式で収録されており、ベクターデータで配布されていますのでデザインしている方には非常に使い勝手が良い素材種です。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:25  |  
Category: Design , vector   
tag: Design vector
2016年04月15日

軽量でクリエイティブなツールチップjs「POPPER.JS」

補足やアクセントなど色々なシーンで使えるツールチップ。今回紹介するのは様々な動きの制御が簡単にできる、軽量でクリエイティブなツールチップjs「POPPER.JS」です。

popper01

javascript自体は3.5KBと非常に軽量で、実装方法もjavascriptに普段触れている人であれば簡単に制御が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: javascript , WebDesign   
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   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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