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   
このエントリーをはてなブックマークに追加

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

2016年09月01日

ゆるいタッチが魅力のポケモンGOアイコンセット「Free Pokemon GO Icons」

国内でもものすごい広がりを見せたポケモンGO。多くのスマートフォンユーザーが熱狂し、社会現象にまでなりましたが、今日紹介するのはそんなポケモンGOのマークやモチーフやキャラクターをゆるく表現したアイコンセット「Free Pokemon GO Icons」です。

Pokemon-GO-Icons_color

このアイコンセットは全部で三種類展開していて、彩色された上記の30 Color icons、ラインで描かれた30 Line icons、塗のみで構成された30 Solid iconsです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:31  |  
Category: Design , vector   
2008年09月20日

ハイクオリティな厳選CSSデザインテンプレート集「Free CSS Templates」

フリーのCSSデザインテンプレートを配布しているサイトは多々存在し、Designdevelopでも「フリーのテンプレート配布サイトをまとめた「40 Free Web Template Resources」」や「クールな無料CSSテンプレート集「CSS 4 Free」」などと取り上げてきましたが、玉石混合で数が膨大すぎて探すのはなかなか大変な作業です。

そこで今日紹介するのは、様々なCSSフリーデザインテンプレートサイトからクオリティの高いCSSデザインテンプレートをピックアップしたエントリー「Free CSS Templates」です。その中からさらに気になったCSSデザインテンプレートを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: WebDesign   
2012年09月26日

古い本をさまざまな角度から楽しめるテクスチャまとめ「40+ Free High Resolution Old Book Textures For Designers」

アンティークな雰囲気を演出する際やコラージュなどにも良く利用される古い本などの素材は、自分で手に入れることが難しく、テクスチャ素材を利用されている方も多いのではないでしょうか?そんな中今回紹介するのが、古い本をさまざまな角度から楽しめるテクスチャをまとめた「40+ Free High Resolution Old Book Textures For Designers」です。


Old Books Pack – 17 Free Images | Media Militia

古い本の表紙から中面まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:13  |  
Category: Design   
2015年09月14日

世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」

デザインの仕事でマップデータを使用することは意外に多く、素材として作成するのに一苦労されたという経験のある方も多いのではないでしょうか?今回はそんな時に便利な、世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」を紹介したいと思います。

mapgene

塗りや線、スタンプなど、要素も自分が好きなように追加をすることができる、カスタムエリアの範囲が広い嬉しいジェネレーターとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:41  |  
Category: Design   
2017年12月26日

懐かしい雰囲気が漂うアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」

街中で見かけるポスターや広告、そこには様々なフォントが使用されていますが、今回は、どこか懐かしいアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」を紹介したいと思います。

Retro_Vintage_Fonts01
Paralines – Free Font on Behance

デザインにアクセントをプラスしてくれるレトロな雰囲気漂うフォントです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2014年09月20日

シームレスに利用できる クリエイティブかつデザイン的なベクターパターンまとめ「Pattern Design – 35 Seamless Free Vector Patterns」

背景素材などでよく利用されるシームレスパターン素材。継ぎ目なく敷き詰められる点が非常に便利な素材です。今回はそんなシームレスベクターパターンをまとめた「Pattern Design – 35 Seamless Free Vector Patterns」を紹介したいと思います。

pattern0922_1
Abstract Hexagon Pattern Background on Behance

デザイン的に非常に凝ったつくりが特徴のベクターパターン素材が多数紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:27  |  
Category: Design   
2012年10月26日

ハロウィンにぴったりなアイコンセットまとめ「A Cool Collection Of Free Halloween Icon Sets」

日本でもイベントとして楽しむ方が増えているハロウィン。町中がカボチャのオレンジ色とおばけで溢れているように感じます。そんな中今回紹介するのが、ハロウィンにぴったりなアイコンセットをまとめた「A Cool Collection Of Free Halloween Icon Sets」です。


Free Halloween Icon Set (22 PNG Icons, 32×32px – 512×512px) | Smashing Magazine

アニメーションの可愛らしいアイコンから、リアルな質感のアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:55  |  
Category: WebService   
2009年11月17日

美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」

サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。

navinavi01

細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:45  |  
Category: WebDesign   
tag: webdesign
2015年04月28日

新しく公開されたフリーデザインフォント15種「15 Latest Free Fonts for Designers」

デザインのトレンドとともに、フォントも次々と新しいタイプのものが登場し続けています。そんな中今回紹介するのは、比較的新しく公開されたフリーデザインフォント15種「15 Latest Free Fonts for Designers」です。

font0424_1
ModernFex (Free Font) on Behance

デザイン性に拘りが感じられるフリーフォントが15種紹介されています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2015年06月01日

定番としてストックしておきたい フリーアイコンコレクション「Top 50 Free Icon Fonts for Web Design」

さまざまな種類が展開されているアイコン。いろいろなタイプをストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、定番としてストックしておきたいフリーアイコンコレクション「Top 50 Free Icon Fonts for Web Design」です。

freeicon0601
Batch • 300+ Icons for Web & User Interface Design

ベーシックなテーマのアイコンが多数揃っており、ワンパターンになってしまいがちなアイコン表現にバリエーションを持たせることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:25  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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