簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 （この記事はGoodUIから翻訳抜粋したものです） GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック
フラットの後にじわじわきてるデザインのトレンド -long shadow design
フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイコン作品でも最近よく見かけますね。
ウェブデザイナーは要チェック！フラットに効く400種以上のカラーがセットされたスウォッチ素材
フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。 トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね。 Photoshop Swatches Library for Flat UI Design スウォッチは上記ページの「Download .aco」から直接acoファイルがダウンロードできるので、そのファイルをPhotoshopのスウォッチパネルから「読み込み」や「置き換え」して利用します。 Photoshopに入れるとこんな感じです。 Photoshopのスウォッチ サムネール表示だと何があるのか分かりにくいので、半分くらいリストで紹介します。 半分でも長いので、分割で。 最初の方は、フラットデザインでよく見かけるカラーが豊富にあり、グレーも揃っています。
日本人クリエイターのハイセンスなポートフォリオサイト（主にフリーランス）まとめ
rumiko matsumoto / TAKESHI WATAMURA | 綿村 健 / SCANNER™ | a design &...他...全23件
今更現場では聞けないWebデザインのトレンド「フラットデザイン」とは？*ホームページを作る人のネタ帳
Webデザインの分野では、2012年半ばより、フラットデザイン化の流れが止まらない。 Webデザインにおける2013年のトレンドは？と聞かれれば、間違いなく多くのデザイナーが「フラットデザイン」と答えるでしょう。 Windows8におけるメトロUIが、代表的なフラットデザインとなっていますが、 iOS 7ではUIとアイコンデザインを一新? "フラット化"が進む - 海外報道でもふれられている通り、Appleまでもがフラット化の道をたどっているのではないかという噂まであります。 そんなわけで今回はトレンド「フラットデザイン」についておさらいして行きましょう。 フラットデザインとは？ 一応定義があるわけではないのですが、指標のようなものはあります。 従来のように影や装飾などで、立体的なWebデザインを行うものと対照的に、装飾や影などを極限まで省き、平面デザインにすることです。 ポイントはいくつ
クリエイティブメモメモ
こんにちは。井畑です。超久しぶりのブログです。 いきなりの報告ですが、このたびLogista(株)よりご縁をいただき、第3期「夫婦会議アンバサダー®︎」に就任しました！ アンバサダー…いい響きですね。初め...
新人デザイナーならブクマして損なしのWebデザインギャラリーサイト
【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
デザイン制作過程の参考になる手書きのワイヤーフレームスケッチ
【手書きのスケッチ集】手書きのワイヤーフレームス... / Proposals video interact... / Home by Michael Sigler他...全27件 【手書きのスケッチ集】 手書きのワイヤーフレームスケッチはデザイン制作過程の第一歩です。世界のデザイナーがどのようなスケッチを書いているのかを参考に、自らのデザインプロセスにうまく取り入れましょう。
[O][Webデザイン]IllustratorをWebデザインに使う時に気をつけたい設定 | Olein | 岐阜県岐阜市のデザイン屋ブログ
はじめに Webデザインを行う上で一番使われているソフトといったら、やはりAdobe Photoshopでしょうかね。僕も仕事で使うことはよくあるんですが、やはり画像の補正やら修正・レタッチ、合成などがほとんどで、オブジェクトを作って配置していくということをPhotoshop上で行うことに慣れていません。 そして、僕自身仕事で一番使うのはやはりAdobe Illustratorです。印刷物のデザインをメインにやってきましたので、自ずとそうなってしまいます。しかし、IllustratorはWebデザインには向いていないとよく言われます。そう言われるにはたくさんの理由があるのだと思うのですが、線にアンチエイリアスがかかるときがあることや、そもそもIllustratorの操作に慣れていないという声もよく聞きました。 ですので、今回こちらの記事では、僕のようなスタイルの人がWebデザインをIllu
WordPressの初期テーマの確認とゼロからのテーマを作成方法｜Wordpressでビジネスサイトをつくろう【第5回】 | HTML5でサイトをつくろう
前回までにWordPressの設定する内容についてまとめてきましたが、ここから実際にゼロからビジネスサイトを作成する際に行う「テーマ」の作成やアップロード方法などを見ていきたいと思います。 ブログなどで日記的な記事を書く場合などは、ゼロから作成しないでも自分の好みの「テーマ」をインストールすればすぐブログを書くことができますが、ビジネスサイトはブログのように一つのフォーマットで記事が書けるということはなく、それぞれのサイト毎に載せたい内容がありますので、ゼロからの作成方法を覚えた方が効率よく作成することができますし、別のサイトやオリジナルブログの作成でも一度作ると次から簡単に作成できますので是非覚えていきましょう。 WordPressの「テーマ」とは？ WordPressにおいてのテーマとは、テンプレートファイルと呼ばれる複数のphpファイルとスタイルシート（style.css）からなり、
Web屋さんやブロガーさん御用達な画像素材サービスまとめ34サイト（2012年冬版）｜男子ハック
@JUNP_Nです。毎年恒例になりつつある画像素材サービスのまとめ記事です。昨年は7つのサービスしか紹介しませんでしたが、今年は大幅に増えて34サイトです。
無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました！ 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FICC | デジタルエージェンシー
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP