TOP  >  WEB開発

Tag : WEB開発

2018年09月02日

手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」

WEBを制作する際のフローとして、まずは手書きでワイヤーフレームを設計してそれらを固めてから、実制作に移るという方は多いのではないでしょうか?今日紹介するのは、手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」です。

sketch2

こちらは、2018年8月に公開されたもので、現在はailab/Sketch2Code at master · Microsoft/ailab · GitHubにて公開されています。開発者インタビューや実際の利用シーンがまとめられた動画が公開されていましたので以下からご覧ください。

動画は以下から

(続きを読む…)

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

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

2015年07月02日

デザイン性の高いフリーフォントコレクション「Collection of New & Free Fonts for June 2015」

デザイン制作に欠かすことのできないフリーフォント。クオリティの高いデザイン性のあるものを取り入れるだけで、制作物の雰囲気が変わってしまうほど重要な役割を持っています。そんな中今回紹介するのは、デザイン性の高いフリーフォントコレクション「Collection of New & Free Fonts for June 2015」です。

font0702_0
Bellico font by seventhimperium – FontSpace

非常に魅力的なビジュアルやテーマが特徴のフリーフォントがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2012年05月23日

背景処理にも利用しやすいphotoshopパターン集「40 Exclusive Photoshop Patterns」

画像加工はもちろん、webサイト制作に利用している方も多いPhotoshopは、合成から背景処理まで幅広く利用できる素材を揃えておきたいもの。そこで今回紹介するのが、背景処理に利用しやすいphotoshopパターン集「40 Exclusive Photoshop Patterns」です。

素材感とコントラストの異なるパターンが40種類もセットになって紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:04  |  
Category: Design , Photoshop   
2015年05月09日

いろいろな種類のフリーデザインリソースを集めた「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」

デザインをする際、自分で素材のすべてを手がけるといったこともあると思いますが、多くが素材を利用して作られているもの。デザインに合わせていろんなタイプの素材が必要となってくると思います。今回はそんなときに参考にしたい「1001FreeDownloads.com: Exclusive FREE Digital Design Resources」を紹介したいと思います。

resources0509_1
Free Vectors: Designers table with tools. Vector illustration | Objects

いろいろな種類のフリーデザインリソースを集めた、デザイナー必見のまとめとなっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」

特定の絵柄を敷き詰めていくことができるphotoshopパターン。絵を作りこんでいく上で、自分の構想に近いものがあればかなり便利なツールです。今日紹介するのはフリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」というエントリーです。

9
650+ Free Photoshop Patterns

様々な種類のphotoshopパターンが集められていて、全部で650種類のパターンがまとめられています。今日はその中からいくつか気になったphotoshopパターンを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:35  |  
Category: Design , Photoshop   
2010年04月30日

プレゼン資料に使えるグラフなどのデータを表したベクターデータ「 Charts and Graphs in Vector Format」

データをよりわかりやすく、表現するために便利なグラフ表現。実際のデータを反映していなくても、データがある、分析をするなどなど様々なイメージ付けとして使える素材です。今日紹介するのはそんなグラフやチャートのグラフィックをベクターデータとして配布しているセット「Charts and Graphs in Vector Format」です。

charts-and-graphs

上記のように折れ線グラフ、棒グラフ、円グラフなどなど、様々な表示形式のものがセットになっています。グラフ機能は使っておらず、単純にクリップアートとしての素材となりますが、企画書だけではなくて、WEBの素材だったり、会社案内だったり様々なシーンで使えそうですね。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design , vector   
2015年03月23日

デザインの質を向上させてくれるデザインフリーフォントまとめ「20 New Free Fonts For Designers」

フォントにはいろいろな種類がありますが、フリーで配布されているものは特にチェックすることが多いもの。デザイン性の高いものも非常に多く配布されています。そんな中今回紹介するのは、デザインの質を向上させてくれるデザインフリーフォントまとめ「20 New Free Fonts For Designers」です。

font0224_1
Globe Grotesk Display on Behance

さまざまなテイストのフリーフォントが紹介されており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:23  |  
Category: Font   
2010年07月29日

商用可!高解像度で質感のあるグランジテクスチャ「12 Experimental Dirty Textures」

デザインに質感を与えてくれるテクスチャ。便利な素材だけに、世界中で様々なテクスチャが公開されていて、そのなかでもひとつのジャンルとなっているのがグランジテクスチャ。今日紹介するのは質感のあるグランジテクスチャを集めた「12 Experimental Dirty Textures」というエントリーです。

今回のテクスチャはタイトルにDirtyとあるとおり、少しくらめで、グランジも激しい感じのテクスチャが中心に集められていました。今日はそのなかから何枚かピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:16  |  
Category: Design , Photoshop   
2011年07月08日

抽象表現に強いPhotoshopブラシ集「New Collection of Cool Abstract Photoshop Brushes」

画像等にちょっとしたデコレーションをしたり、特定のイメージが付かない背景画像を作成する時に利用したい抽象的なイメージ。抽象的なだけに決まった表現がなく、1からデザインするには時間がかかります。そこで今回紹介するのが、さまざまな抽象表現ができるPhotoshopブラシを集めた「New Collection of Cool Abstract Photoshop Brushes」です。


75 Abstract Brushes II by =rocked-out on deviantART

やわらかなラインを表現できるブラシから、光の動きを表現するブラシまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:06  |  
Category: Design , Photoshop   
2012年08月24日

さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャまとめ「New Textures For You To Use In Your Designs – 31 Items」

デザイン制作をしていると、イメージフォトや素材として利用しやすいテクスチャなど、いろいろな素材を探す機会が多いと思います。そんな中今回紹介するのが、さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャをまとめた「New Textures For You To Use In Your Designs – 31 Items」です。


Coffee Stain Texture (hi-res) by *TwinklePowderySnow on deviantART

イメージとして利用しやすいテクスチャから存在感のあるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Twitterの様なメッセージシステムをWordPressで実現する「Prologue」

しっかりと文章を残したいわけではなく、コミニケーションツールとして使いたい。またはミニブログとしてブログを使いたいという方にオススメなのが今回紹介するWordPressのテーマ「Prologue」です。

プロローグ

上記がPrologueのデモ画面のスクリーンショットです。たしかにミニブログ的な感じで使うことができるみたいです。デモサイトは「Prologue Demo Blog」から見ることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:46  |  
Category: WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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