TOP  >  Underline

Tag : Underline

2017年11月03日

ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」

使いやすさや分かりやすさが重要なWebサイトはデザインだけではなく、一つひとつのアクションにもこだわって作られています。そんな中今回は、ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」を紹介したいと思います。

Underline01
Decorative Text Underline

アンダーラインといってもその種類は様々。さまざまなアニメーションパターンがまとめられています。いくつか紹介されている中から気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

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

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

2009年09月03日

デザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials」

非常に高機能で軽量なjavascriptライブラリとして様々な機能を提供してくれるjQuery。様々なシーンで利用されていますが、今回紹介するのはデザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials You Might Have Missed」です。

scroll01
Vertical Scroll Menu | Demo

ナビゲーションメニューからギャラリーなどジャンル別に全部で21個のエフェクトが紹介されていますが、今回は其の中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:20  |  
Category: WebDesign   
2011年01月30日

HTML5の12の事例「12 Fun & Clever Examples of HTML5」

ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。


Darkroom

アニメーションを用いたものから、3D表現、ゲームなどなど、いままでFLASHなどでしか再現できなかったものがHTML5で描かれています。今日は其のナッからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:14  |  
Category: WebDesign   
2013年12月29日

ハイクオリティで目を引くテキスチャを集めた「25 Eye-catching High Quality Textures Pack」

デザインに質感を与えてくれるテクスチャ。制作素材としては利用しやすく使いやすいものですが、今回紹介するのはハイクオリティで目を引くテキスチャを集めたエントリー「25 Eye-catching High Quality Textures Pack」です。

stylishtextures4
Five Free Grey Grunge Textures

布系から金属、土や砂など、あらゆるテクスチャがまとめられています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:29  |  
Category: Design , Photoshop   
2007年11月17日

illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」

イラストレータで各線は制御点が3つ (始点・中継点・終点)あり、イラストレータを覚えたての頃や使ったことが無い人はなかなか難しいものです。今回紹介する「
Illustrator Pen tool exercises」はそんなペジェ曲線を華麗に操るためのチュートリアルです。

イラストレータのチュートリアル

チュートリアルはai配布されていて上記のように、チュートリアルを背景にしながら自分でペジェ曲線を書きながら進めていけるようになっていて、文章や本で見るよりも実践的に覚えることができます。チュートリアルは全部で6種類あり、星を各方法や滑らかなラインの書き方等が収録されています。難易度は低めですが、これからイラストレータを覚えたいと言う方にはかなり役立つチュートリアルだと思います。

配布しているaiのバージョンはCS, CS2 .CS3となっています。下記のリンクの「Download the AI file」の「here」からダウンロードできます。この他にもaiファイルの他にも英語のドキュメントになりますがペジェ曲線の基本記したpdfが配布されていますのでチュートリアルと合わせてどうぞ

Illustrator Pen tool exercises | Veerle’s blog

続きを読む
posted 02:27  |  
Category: Design   
2008年08月05日

個性的なphotoshopカスタムシェイプを集めた「20 great custom shapes sets」

WEBでは様々なタイプカスタムシェイプが公開されていますが、今回紹介する「20 great custom shapes sets for Photoshop hand-picked from DeviantArt」は個性的なカスタムシェイプを集めたエントリーです。子どもの落書きから、様々なスポーツでの人のシルエットから戦闘機までと様々なカスタムシェイプが公開されています。

今日は紹介されているカスタムシェイプの中から特に気になった物をピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:59  |  
Category: Design , Photoshop   
2012年04月05日

植物をモチーフにしたオーナメント素材まとめ「Handy Roundup of Free Vector Ornaments & Flourishes」

春らしさを感じるようになってくると、植物のイキイキとした雰囲気を楽しみたくなるもの。そこで今回紹介するのが、植物をモチーフにしたオーナメント素材まとめ「Handy Roundup of Free Vector Ornaments & Flourishes」です。


Free Vector Colorful Floral Background | QVectors Free Vector Graphics

手書きの優しい風合いを楽しめる素材や上品な雰囲気を感じられる素材まで、さまざまな植物オーナメントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:57  |  
Category: WebService   
2014年09月24日

デザイン性の高いフォントを集めた「Free Fonts for Posters and Social Media Images」

フォントには非常にさまざまな種類が存在しており、ベーシックにシンプルに利用できるものから個性溢れるものまで、多彩なバリエーションの中から選択できるようになっています。そんな中今回紹介するのは、デザイン性の高いフォントを集めた「Free Fonts for Posters and Social Media Images」です。

font0924_1
oko typeface (free) on Behance

クリエイティブに使用できそうなデザインフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:59  |  
Category: Font   
2009年09月23日

高品質なフリーカリグラフィフォント「25 High-Quality Calligraphy Fonts」

海外の伝統的な文字を美しく見せる手法カリグラフィ。日本の筆文字と同じく、デジタル化された文字でも多く見られる手法ですが、今日紹介するのは高品質なフリーカリグラフィフォントをまとめたエントリー「25 High-Quality Calligraphy Fonts」を紹介したいと思います。

callogra01
Gothic Ultra OT

カリグラフィと一言で言っても、様々なテイストのものが紹介されています。今日はその中から特に気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:03  |  
Category: Design , Font   
tag: Design Font
2012年01月28日

シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセット

皆さんはサイトを設計する際にどのようなフローを行っているでしょうか?今日紹介するのはサイト構築の初期の設計時に利用できる、シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセットを紹介したいと思います。

www.mrare

それぞれのテンプレートでプロジェクトネーム、スクリーンネーム、ノートなど実務で利用しやすいようなテンプレートになっていて。実機。ブラウザの部分にはドットなども入れられており、制作者サイドにたった校正となっています。その他のテンプレートは以下からご覧ください。

詳しくは以下

rarepad-ipad-2

www.mrare-1

こちらはiphone,ipad,ブラウザの三種のテンプレートがセットになっていて、pdfで配布されておりますので、印刷して利用するのも便利です。ワイヤーのラフを書く際にもっとイメージを実機やブラウザに近づけた状態で行いたいという方は是非どうぞ。

iPhone, iPad & Browser Wireframe Templates | Calgary Web Design & iPhone App Development by Mediumrare

続きを読む
posted 08:54  |  
Category: WebDesign   
2017年06月11日

Webデザイナーやデベロッパーの大きな手助けになるCSS3チュートリアル集「10 Pure CSS3 Tutorials And Examples」

CSSはWebサイト構築の上で非常に便利なものですが、今回は様々な機能でデザインを形にしてくれる、CSS3をマスターするために便利なチュートリアル「10 Pure CSS3 Tutorials And Examples」を紹介したいと思います。

CSS3tutorials_top
How to Code a Homepage Template with HTML5 and CSS3 | Medialoot

最新のCSS3を使ったチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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