TOP  >  ヒップスタースタイル

Tag : ヒップスタースタイル

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

2014年10月17日

シンプルテイストに立体感を反映させたアイコンセット「Free Download : 3D Icons」

現在主流となっているフラットデザイン。それに付随する素材もフラットなタイプが多くなっていますが、今回紹介するのはシンプルテイストに立体感を反映させたアイコンセット「Free Download : 3D Icons」です。

3dicon

ベースはフラットデザインにも合うシンプルなタイプですが、背景に影を落とし立体感を出すことで、個性が演出されたアイコンとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年10月27日

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

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

nintai

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

詳しくは以下

(さらに…)

続きを読む
posted 10:12  |  
Category: Tool   
tag: Tool
2013年03月20日

ドット柄パターンの定番として使いやすい「Simple Dots」

パターン素材の中でも、定番の種類として幅広く利用されているドット素材。自身でも制作することはできますが、もっと簡単にバリエーションがあると嬉しいものです。そんな中今回は、ドット柄パターンの定番として使いやすい「Simple Dots」を紹介したいと思います。

可愛らしい配色・印象をドット柄Photoshopパターンが50種収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 06:09  |  
Category: Design , Photoshop   
2014年07月05日

夏らしいデザインにぴったり ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」

梅雨が明けるとやってくる本格的な夏。デザインの現場でも夏仕様の素材を使用することも多くなるのではないでしょうか?そんな時に是非活用したい、ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」を紹介したいと思います。

hawaii1
Hawaii brushes by RockQ on deviantART

華やかで夏らしいデザインにぴったりマッチするハイビスカス柄のブラシが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:30  |  
Category: Design   
2013年02月16日

柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

WEB制作を行う上で、非常に有益な素材の一つアイコンセット。質の高いインターフェイスを気軽に実現できる便利で実用的な素材の一つです。今日紹介するのは、柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

シンプルなデザインなのでどんなデザインにも応用が効きそうです。スマートフォンのインターフェイスに活用されている例が公開されていましたので下記からごらんください。

詳しくは以下

(さらに…)

続きを読む
posted 09:22  |  
Category: Design , vector , WebDesign   
2013年08月23日

CSS3で斬新な効果やアニメーションを実現できるチュートリアルまとめ「20 Useful Fresh CSS3 Tutorials for Web Designers」

日々進化していくWebデザインの表現方法。特にjQueryやHTML5・CSS3においては最新の動向と合わせていくため、たくさん勉強をされているデザイナーの方も多いのではないでしょうか。そんな中今回は、CSS3で実現できる最新のデザイン表現方法をまとめた「20 Useful Fresh CSS3 Tutorials for Web Designers」を紹介したいと思います。

css3_1
20 Useful Fresh CSS3 Tutorials for Web Designers – DJDESIGNERLAB

奥行きを感じる3D表現、またプルダウンメニューなどに代表される基本機能も一味異なる、最新のWebサイトで見られるような斬新で面白いチュートリアルが揃っています。中でも気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:35  |  
Category: Design   
2017年03月13日

デザインをよりリアルなイメージで伝えられる、高画質PSDモックアップテンプレート100

制作したデザインをよりよく見せ、クライアントにイメージを沸き立たせるモックアップ。そんなモックアップに使えるフリーの写真素材をあつめた「100 Free High Resolution Photorealistic Mockup Templates」をご紹介します。

mockups_realistic_01
5 high-quality photographic mockups – Freebiesbug

PSD形式で高解像度な写真モックアップ素材を100種類まとめているので、きっとイメージに合う素材が見つかるはず。おすすめのモックアップ素材を下記にてまとめていますので、ご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , Photoshop   
2018年04月18日

Webデザインに役立つECサイトを想定したUIキット「M989 Website UI Kit」

ユーザーの動線やサイトの使いやすさに深く関わるUI設計。特にUIがユーザーのコンバージョンに直結するようなECサイトなどの場合、その設計は非常に重要な行程です。今回ご紹介するのは、そんなECサイトでのUI制作に役立つECサイトを想定したUIキット「M989 Website UI Kit」です。

m989-website-ui-kit1

シンプルながらもポピュラーな親しみやすさのあるUIデザインのキットです。

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

続きを読む
posted 09:00  |  
Category: WebDesign   
2009年09月04日

@font-face Fontsで使えるフリーフォント集「Download Hundreds of @font-face Fonts」

@font-face規則とは、CSSで利用したいフォントを指定するためのもので、フォントデータの入っているURIを指定すると、フォントを持っていないユーザーにも任意のフォントで見せる事ができるというものですが、今日紹介するのはそんな@font-face Fontsで利用できるフリーフォントを集めたフォント集「Download Hundreds of @font-face Fonts」です。

fontsquirrel01

Blackletter、Calligraphicなどとカテゴリに分けられて様々な書体ががダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:31  |  
Category: Design , Font   
tag: Design Font
2008年02月02日

Firefoxのタブツールバーにスクロールバーを表示する拡張機能「Tab Overflow Scrollbar」

Firefoxではタブでページを表示することが可能ですが、多くなってくると、ページ送りされてしまいスクロールは小さなボタンで行わないといけないため非常に使い勝手が悪いです。このインターフェイスの悪さを解決してくれるのが、今回紹介するFirefoxアドオン「Tab Overflow Scrollbar」です。

firefoxscroll.jpg

上記の問題を回避するには様々な方法があるとはおもいますが、今回紹介する拡張機能ではタブツールバーにスクロールバーを表示させることで解決しています。ほんの少しのことですが、タブを大量に開いて閲覧する人には非常に便利な拡張機能だと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:12  |  
Category: firefox , Tool   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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