TOP  >  wireframe

Tag : wireframe

2018年03月16日

ハイクオリティなワイヤーフレームテンプレート「iBlocks – iiOS Wireframe Kit」

デザインの基本設計を示すワイヤーフレームは初期段階での打ち合わせや、提案などでのデザインのすり合わせには欠かせない存在です。今回ご紹介するのはそんなワイヤーフレームを、制作する際に是非活用したいハイクオリティなワイヤーフレームテンプレート「iBlocks – iiOS Wireframe Kit」です。

iios-wireframe-kit
iBlocks – iOS Wireframe Kit Freebie | Day 61/365 – Project365 by Kishore – Dribbble

スマートフォンのワイヤーフレーム作成時に役立つ、使用頻度の高い基本設計が24種類集められています。

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

続きを読む
このエントリーをはてなブックマークに追加
2015年12月20日

ワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」

サイトを設計する際に必要なワイヤーフレームの制作。これを行っておくことで、web制作のクオリティやスピードを高めることができるため、できるだけ精度の高いものを作っておきたいもの。今回そんなワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」を紹介したいと思います。

wire1220_1
Movies app wireframe on Behance

どのワイヤーフレームも、そのままwebレイアウトのベースとして使えそうなほど、ハイクオリティなものばかりが揃っています。

詳しくは以下

(さらに…)

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

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

2015年09月05日

カラフル・ポップで可愛らしいテイストが魅力のフリーアイコンセット「Cosmo Color icon set」

じつにいろいろな種類がインターネット上でダウンロードできるようになっているアイコン。非常に頻繁に使う素材だけに、さまざまなタイプのものをたくさんストックしておきたいもの。今回はそんなコレクションの1つとしておすすめ、カラフル・ポップで可愛らしいテイストが魅力のフリーアイコンセット「Cosmo Color icon set」を紹介したいと思います。

cosmo_free

100種のアイコンがフリーダウンロードできる、個性的な種類のチョイスが特徴のアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年10月29日

種類の豊富さが魅力 デザインフリーフォントまとめ「101 best free fonts, fall 2015」

どんどんと新しい種類が生み出され続けているフォント。フリーでダウンロードでき、さらにデザイン性も高いものも数多く配布されています。そんな中今回紹介するのは、種類の豊富さが魅力なデザインフリーフォントまとめ「101 best free fonts, fall 2015」です。

font1029_1
Omnibus-Type – Chivo

比較的新しいフリーフォントが多数まとめられています。どれも非常に魅力的なものばかり、以下に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:13  |  
Category: WebService   
2008年09月29日

photoshopブラシをマスターするためのチュートリアル「35 Tutorials for Mastering Photoshop Brushes」

今までDesigndevelopでは様々なphotoshopフリーブラシを紹介してきましたが、今回はブラシ自体ではなくて、ブラシを使ったデザインをマスターするためのTipsを集めたエントリー「35 Tutorials for Mastering Photoshop Brushes」を紹介したいと思います。


Funky Web Design Layout

photoshopブラシを使った様々な表現が紹介されていますが、その中から特に気になったチュートリアルをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:43  |  
Category: Design , Photoshop   
2017年10月21日

検索やズーム表現に!デザインに使えるフリーの虫眼鏡PSD・ベクター素材まとめ「10 Free Magnifying Glass Search Icons Sets (PSD + Vector)」

デザインにおける虫眼鏡は、検索や拡大の意味合いをひと目で伝えてくれる重要なアイコンです。その為何かと使用する頻度も高いはず。今回ご紹介するのはそんな「虫眼鏡」の高品質なフリー素材をまとめた「10 Free Magnifying Glass Search Icons Sets (PSD + Vector)」です。

10-free-magnifying-glass1
Zoom Bubbles (free psd) by Mike Dascola – Dribbble

10種類ものテイストの異なるPSDまたはベクターの虫眼鏡素材が紹介されています。その中から幾つか気になった素材をピックアップしてご紹介しますので、是非ご覧ください。

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

続きを読む
posted 07:20  |  
Category: Photoshop   
2008年02月02日

WEB制作に便利な素材セット「Deluxive Creative Pack 」

WEB制作を行う上で便利なスタンダードなボタンやオブジェクトをパックにした素材集が今回紹介する「Deluxive Creative Pack」です。基本的にグラデーションを使った表現で様々な素材が収録されています。

deluxive_creative_pack_001_.jpg

素材の他にも壁紙やphotoshopのパターンなんかも同封されていました。WEBサイトのちょっとしたアクセントに便利そうです。いくつか気になった素材をサンプルとしてピックアップして下記に載せておきます。

詳しくは以下

(さらに…)

続きを読む
posted 04:57  |  
Category: WebDesign   
tag: webdesign
2009年09月06日

高層ビルなど都市を表現するベクターデータセット「7 High-Quality City Skyline Vectors」

大きさや色等を自由に設定でき様々なシーンに柔軟に対応できるため、制作する側に取ってはとても便利なベクターデータ。様々なベクター素材が世界中で公開されていますが、今日紹介するのは高層ビルなど都市を表現するベクターデータセット「7 High-Quality City Skyline Vectors」です。

cityvector01

上記のようなリアルな都市の風景のベクターデータがいくつか収録されています。基本的にはビル群となりますが、川沿いのモノだったり少しパースがかかっていたりと、様々な角度からの都市のベクターデータがセットになっています。収録されているデータは以下の通りです。

詳しくは以下

(さらに…)

続きを読む
posted 01:13  |  
Category: Design , vector   
tag: Design vector
2010年06月22日

クオリティの高い黒のwordpressテーマ集「20 High Quality Black Color WordPress Themes For Free Download」

世界中で利用されているオープンソースのCMS、Wordpress、高いカスタマイズ性と柔軟な使い方と豊富なデザインテンプレートが売りですが、今回紹介するのはクオリティの高い、黒のwordpressのデザインテーマ集「20 High Quality Black Color WordPress Themes For Free Download」を紹介したいと思います。

brave-zeenat-e1275632679615
Brave Zeenat – View Demo
Download Theme

洗練されたイメージを作ってくれる黒を貴重としたwordpress用のテーマが多々あつめられています。今回はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:21  |  
Category: WebDesign , WordPress   
2014年09月23日

定番の種類もしっかりと抑えたフリーラインアイコンセット「Free Download : 210 Line Icons」

アイコンの中でも、シンプルで非常に使い勝手の良いラインアイコン。持っていると非常に重宝すると思います。そんな中今回紹介するのは、定番の種類もしっかりと抑えたフリーラインアイコンセット「Free Download : 210 Line Icons」です。

lineicon0922

ウクライナのデザイナー・Robert Karnovski氏手がける、定番アイコンとして利用できそうな210個がセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:18  |  
Category: Design   
2010年09月18日

photoshopのテキストエフェクトチュートリアル「35 Amazing Photoshop Text Effect Tutorials」

非常に高機能な画像編集ソフトphotoshop。世界中のクリエイターに利用されています。高機能なだけにアイデアや技術次第では、様々な表現を可能にしてくれます。今日紹介するのはphotoshopを利用したテキストエフェクトのチュートリアルを集めたエントリー「35 Amazing Photoshop Text Effect Tutorials」。


Create Awesome Splashing Water Text Effect in Photoshop

立体的なものから写真との合成、文字自体に質感を与えたものなど、様々なテキストエフェクトのチュートリアルが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2007年11月19日

【FreeFont】9800個のフリーフォントがダウンロードできる「creamundo.com」

9800個と言う膨大な数のフォントを集めて公開しているのが今回紹介する「creamundo.com」です。キレイ目な書体から、面白い書体、イラストフォントまで幅広く収録されています。

9800のフォントcreamundo.com

フォントはフォント名のアルファベット順に収録されていて、サイト内検索もできるようになっています。また特徴的なのが自分が打ち込んだ文字をそのフォントで試せるプレビュー機能がついている点です。

詳しくは以下

(さらに…)

続きを読む
posted 01:51  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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