TOP  >  人工知能

Tag : 人工知能

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

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

2017年04月25日

デザインのために生み出された様々な種類の新しいフリーフォントまとめ「18 New Free Fonts for Graphic Design」

フォントはデザインの仕上がりを大きく左右する非常に重要な存在で、自分の考えるデザインの雰囲気に合わせるためにも、しっかり選定しておきたいところ。今回はそんな時に参考にしたいまとめ「18 New Free Fonts for Graphic Design」を紹介したいと思います。

top
ELIXIA™ | Typeface on Behance

さまざまなテイストのデザインフォントが18種ピックアップされています。気になったものを紹介していますので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:21  |  
Category: Font   
2013年03月10日

新しいクリエイティブなフリーフォント集「9 Fresh Free Fonts for your Projects」

デザインする上でフォントはデザイナーの大きな武器となりえます。それだけに使えるフォントを探しているという方も多いと思います。今日紹介するのは、最近リリースされたクリエイティブなフリーフォント集「9 Fresh Free Fonts for your Projects」です。


Sonar

全部で9のフォントがまとめられていますが、今日はそのなかから幾つか気になったフォントを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , Font   
2011年05月05日

手書きで作られたユーモアのあるアイコンセット「Steedicons」

webサイトを制作する際に頻繁に使用するアイコンですが、一からデザインするには大変な手間と時間がかかってしまうと思います。そこで今回紹介するのは、手書き感とユーモアで親しみやすさを感じるアイコンセット「Steedicons」です。

手書きの素朴な雰囲気の中に、細部へのこだわりを感じるアイコンが数多く展開。300以上のアイコンセット[29ドル]の他に、フリーで利用できるアイコンも一部公開されています。

詳しくは以下

(続きを読む…)

続きを読む
2010年11月12日

ハイクオリティな最新のアイコンを集めた「50 New Free High Quality Icons Sets」

デザインのポイントとして多いに活躍してくれるアイコンは、いくつあっても嬉しいものです。そこで今回紹介するは、ハイクオリティな最新のアイコンを集めた「50 New Free High Quality Icons Sets」です。


IsoIcons – Workspace | Artdesigner.lv

非常にクオリティの高い多彩な種類のアイコンが集められています。中でも気になったアイコンセットをいくつかピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 11:39  |  
Category: Design   
tag: 
2008年11月13日

雪の結晶を色々集めたベクターデータ集「Snow Flakes Vector Set」

もうそろそろ寒くなり始めてきて、冬の足跡が聞こえてきていますが、広告・デザイン業界ではもうすっかり冬モードだとおもいます。そこで今回紹介するのは冬を演出してくれるデザイン素材、雪の結晶を集めたベクターデータ集「Snow Flakes Vector Set」です。

ベーシックな物から少し変わったものまで全部で、24個のベクターデータが紹介されています。配布されているファイルの形式はeps,pdf.svgとなっていて300dpi (4167×4167)のpngデータも同封されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:26  |  
Category: Design , vector   
tag: Design vector
2015年02月23日

Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」

デザイン素材の中でも、比較的使用頻度の高いパターン素材。既存のものを手軽に使用するのも良いですが、時にはオリジナル性を高めるために自身で作りたいというシーンもあるのではないでしょうか?今回はそんな時に参考にしたい、Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」を紹介したいと思います。

pattern0221_0
How to Create an Abstract Low-Poly Pattern in Adobe Photoshop and Illustrator – Tuts+ Design & Illustration Tutorial

いろいろなデザインのパターンの作り方を、分かりやすく紹介したチュートリアルがまとめられています。

詳しくは以下

(続きを読む…)

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

WEBサイト制作に使いやすいフォトギャラリーのjQueryプラグインまとめ「15 jQuery Plugins To Create Awesome Photo Galleries」

サイト内で画像や動画を公開する方も多く、より高度な動きのあるサイト制作を求められるようになっています。そんな中今回紹介するのが、WEBサイト制作に使いやすいフォトギャラリーのjQueryプラグインをまとめた「15 jQuery Plugins To Create Awesome Photo Galleries」です。

表示のアニメーションをはじめ、さまざまな機能が魅力的なjQueryプラグインが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:24  |  
Category: Design   
2014年10月14日

ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」

なにかと便利に活用できるアイコン。種類もテイストもさまざまなタイプがフリーでダウンロードできるように配布されており、いろいろな種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」です。

hlium

ベーシックに定番として利用できるものから、個性的なタイプまで、いろいろな種類のアイコンがセットになってダウンロードできます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:22  |  
Category: Design   
2014年03月06日

種類豊富なフリーフラットアイコンセットまとめ「34 Free & Flat Icon Sets」

フラットアイコンはデザインがシンプルなため、幅広いデザインに利用でき、デザイン展開がしやすいのも魅力の一つ。そんな中今回紹介するのは、種類豊富なフリーフラットアイコンセットまとめ「34 Free & Flat Icon Sets」です。

icon140306_1
Ice Cream Icons (Vector & Psd)

主流のフラットテイストを取り入れたアイコンが多数まとめられており、取り入れるだけでデザインをより魅力的に演出してくれそうです。

詳しくは以下

(続きを読む…)

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

CSSとjavascriptで創る軽量な3D表現ライブラリ「voxel.css」

近年、ブラウザの発展やWEBGLなどの技術的な発展によりWEB上でも3Dを用いたクリエイティブな表現が多く取り入れられています。今日紹介するのはCSSとjavascriptで創る軽量な3D表現ライブラリ「voxel.css」です。

voxelcss02

空間上にオブジェクトを配置したり、定めた領域・面にテクスチャを貼ってオブジェクトを生成したりといった事が簡単に実現可能となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:45  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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