更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に

5月ももうすぐ終わりということで、5月中に話題になったWebサービスやアプリを10個ほどご紹介します。 AWA AWA（アワ）は、エイベックス・デジタルとサイバーエージェントが共同出資して開発した、サブスクリプション型（定額制）音楽配信サービスです。 国内の23のレコード会社が提供する数百万の曲を、ストリーミングで聴くことができます。90日間は無料で利用でき、それ以降は月額1080円。機能が制限された月額360円のプランも用意されています。 LINEも先日、LINE MUSIC のティザーサイトを公開しており、日本でもようやくサブスクリプション型音楽配信サービスが盛り上がりをみせてきました。 Prott Prottは、株式会社グッドパッチが提供するプロトタイプ作成ツール。 アプリやWebサイトを設計する際に利用されていたこのツールに、パーツをドラッグアンドドロップするだけでワイヤーを作成で

ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） デモページ　ダウンロード↓ こんばんは、デザイナーのOです。 まずはデモをどうぞლ(╹◡╹ლ)。 先日、「ページ背景に画像をフルスクリーンで表示させてスライドショーを流す」という案件がありました。 これの実装ですが、まっさきに考えたのはやはりjQueryプラグインでした。 この手のプラグインなら探せばそこら中にごろごろ転がってるし、あまり新鮮味が感じられないというか・・ ところが、いつものようにプラグインあさりしてたら、こんな面白い記事が目に留まった！ Fullscreen background image slideshow with CSS3 これ、CSS3のみでフルスクリーンのスライドショーを作るという試みですな！僕的には結構面白くて、特に三番目のデモ、背景

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

最速で データを売上に転換 ヒートマップ分析、アクセス解析、ページ編集、 A/Bテスト、WEB接客、パーソナライゼーションまで 1行のタグを設置すれば、ノーコードですべて実現。

こんにちは、最近体調を崩して3キロほど痩せました、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 現役時の体重を下回り始めたので、嫌いな筋トレにもそろそろ挑戦しようと思います。よろしくお願いします。 さて、僕の主な業務は一眼レフカメラで撮影した写真をPhotoshopで画像合成をするグラフィックデザインで、このLIGブログ内のバナーも全てデザインしています。 バナーのデザインって結構難しいですよね。単に綺麗でもだめ、かっこいいだけでもだめ、かわいくても派手でもだめ。 「じゃあ何が重要なの？」って、そう全てはクリック率（CTR）です。もちろんバナーをクリックした後に、クライアントが求めるコンバージョンを考えますが、まずはクリックしてもらわないことにはどうにもなりません。 そこで、今回はバナーのクリック率を上げるためにLIGがおこなっているABテストについて、実例を交えて紹介したい

こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと

こんにちは。最近使い捨てカメラにハマっています、デザイナーの佐藤タカアキ（@sato_tkaaki）です。「撮るよー、あ、巻いてなかった！」というやりとりが、何とも無駄で好きです。 さて、僕の主な仕事はグラフィックデザインで、人物合成をするときなんかはもちろん一眼レフカメラを使用した撮影からやるのですが、元々カメラマンってわけではなく、一眼レフカメラを本格的に扱い始めたのも1年ほど前なので、フォトグラファーの方々と比べると全然使いこなせていません。 慣れだけでは越えられない壁があるとはわかりつつ、イケてるフォトグラファーの方々の写真を見て日々勉強しています。 そこで今回は、僕が個人的に「写真はもちろん、サイトデザインもイケてる！」と思った日本のイケてるフォトグラファーのポートフォリオサイトをまとめました。 それではいってみましょーう。 独学でつまずいていませんか？ Webデザインを効率的に