スマホアプリやWebサービスのランディングページでよく見かける、プロダクトモックアップ。どうやって作っていますか? Photoshopで自分で作ってもいいけど、実はとても簡単におしゃれに作れるツールがたくさんあります。 「モックアップ」は、再現度が低い(low-fiderity)サイトやアプリのレイアウトを模擬的に示したものを指しますが、今回は「プロダクトモックアップ」のお話です。プロダクトモック…

Copyright © 2017, Alex Walker All Rights Reserved.

Alex Walker

Alex Walker

sitepoint.comのデザイン・フロントエンド開発者で、SitepointのデザインとUX編集も担当しています。

Loading...

UXのベンチマークツール、プロトタイピングツール、VRを使ってデザインするツールなど、最新のデザインツールやリソースを紹介します。 最新のデザインツール、リソース、アプリ、参考書、トレンドなどを追いかけるだけでも大変なのに、そこから役に立っておもしろいものを探すのは、さらに大変です。そこで誰が見ても優れているデザインツールとリソースを紹介するProduct Hunt collectionを始めまし…

Copyright © 2017, Alex Walker All Rights Reserved.

Alex Walker

Alex Walker

sitepoint.comのデザイン・フロントエンド開発者で、SitepointのデザインとUX編集も担当しています。

Loading...

CSSの調整、フォントの調査、画像の作成など、Webデザイナーの作業効率をアップさせるChromeの拡張機能を紹介します。 Webデザイナーなら自分なりの仕事のやり方があると思います。コードを書きながらブラウザー上で直接デザインしている人、ブラウザーは実装テストの時にだけ使う人、どんな人でもWebデザイナー向けのChrome拡張機能を使えば普段の作業が見違えるほど簡単になります。私は一番煩わしいと…

Copyright © 2017, James George All Rights Reserved.

James George

James George

プロのWeb開発者で、Webデザイナーです。デザインのエキスパートかつ、Web開発者として特にWordPressに興味があります。Design Crawlの創始者で、2005年からプロのデザイナーとして活動しています。

Loading...

SVGといえばシンプルな線画やアイコンを表示するもの、と思っていませんか? 木版画ふうのイラストをSVGで作成する方法を紹介します。 この絵は、「木版画界のアンディ・ウォーホール」とも言えるアルブレヒト・デューラーによる500年前の木版画の一部です。木版画は古い印刷技術で、専門の彫師がイメージを木版に手彫りで刻み、木版から画を写します。 デューラー(ニッケルバックのメンバーに見えるって? 違います…

Copyright © 2017, All Rights Reserved.

sitepoint.comのデザイン・フロントエンド開発者で、SitepointのデザインとUX編集も担当しています。

Loading...

Facebookに投稿する画像やちょっとしたバナーをセンス良くサクッと作りたい。そんなときに便利なデザインツール「Canva(キャンバ)」がオーストリラリアから日本にやってきました。 Canvaは、Webや印刷に使えるグラフィックをブラウザーまたはiOSアプリ上でデザインできるサービス。「バナー」「チラシ」「ポストカード」「名刺」「プレゼン資料」など、あらかじめ用意された膨大なテンプレートの中から…

小橋川誠己[WPJ編集部]

小橋川誠己[WPJ編集部]

株式会社KADOKAWA WPJ編集部 副編集長。2009年よりASCII.jpでWebプロフェッショナル向けの記事を執筆するほか、クリエイター向けの書籍『Web制作の現場で使う jQueryデザイン入門』『神速デザインシリーズ』などの企画・編集も担当。
過去の執筆記事:『明朝体は絶滅するのか? AXIS Font生みの親の挑戦』『巨人AT&Tをも動かしたAPI「Twilio」の衝撃

Loading...

SitePointのデザイナーであり、デザイン&UX分野の編集者でもあるAlexが振り返る、2016年のデザインツール事情。たくさんのツールが登場した中でもFigmaは特にお気に入りのようです。 2016年ももう終わりですので(日本版編注:この記事のオリジナルは昨年12月に執筆された)、この1年でワークフローがどう変わったかを振り返るのはおもしろいと思います。この1年で多くのツールや手法が大きく変…

Copyright © 2017, Alex Walker All Rights Reserved.

Alex Walker

Alex Walker

sitepoint.comのデザイン・フロントエンド開発者をマネジメントしています。またSitePointのデザイン&UXカテゴリーの編集も担当しています。

Loading...