UI & UX Design Tips by Jim Raptis.
Social LoginSocial login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below. Beware that privacy-oriented people prefer not to use social login then it's always good to have another option for them.
現役デザイナー直伝！デザイン作業が爆速になるFigmaプラグイン手順別まとめ
この記事では、マイクロソフトで働く現役プロダクトデザイナーPranava Tandra氏が、一般的なデザインプロセスの各ステップで利用しているFigmaプラグインをまとめてご紹介します。 大前提としてプラグイン（英: Plugin）とは、アプリケーションの機能を拡張するサードパティ製スクリプトのことを指します。 Figmaプラグインは、デザイン作成プロセスのシンプル化や高速化、生産性をアップさせるなど、作業をより快適にすることができます。 ここでは、一般的なデザインプロセスを以下のフェーズに分け、各手順の作業効率を向上させる、便利なFigmaプラグインを詳しく見ていきましょう。 プロジェクトの設定 ワイヤーフレームの作成 コンテンツとの連携 クイックデザイン（ユーティリティ） デザインファイルの最終確認 デザインシステムの作成 アニメーションとプロトタイプ検証 ファイルのエクスポート Co
【ジャンル別】無料の人物イラスト素材サイトまとめ｜ビジネス・キッズ・女性向け・医療系・漫画風 etc
みなさんも聞いたことがあるかと思いますが、 人間の脳は、文字ばかりの情報だと疲れてしまい内容が頭に入りづらく、写真やイラストなど視覚化された情報のほうが情報伝達に優れているそうです💡 特に、人物の写真やイラストが感情に訴えかけるのに効果的なんだとか！ そこで今回は、無料（フリー）で人物のイラスト素材を豊富に扱っている素材サイトをご紹介します。 ▼人物写真をお探しの方は、下記をご参考ください👀 【無料＆肖像権クリアで安心】モデルリリース取得済の人物写真素材サイト５選 有料ストックフォトはどれを選ぶべき？コスパ重視のおすすめ７選 架空の人物画像を生成できる！写真ACの新サービス「AI人物素材」 色々なタッチから探したい方へイラストAC無料イラストなら【イラストAC】 まずご紹介したいのが、私が毎日のように利用しているサイト「イラストAC」！ 数万人ものイラストレーターさんが作成した新作素材
CSSの参考になるアイデアがいっぱい！2018年スタイルシートを使ったテクニックのまとめ
2018年も、CSSの進化がすごかったです！ CSSを使ったアニメーションはより快適なものが増え、JavaScriptを使用しないと実装できなかったものがCSSだけで実装できるようになったり、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。 各デモはCSSのみで実装されたものもありますが、JavaScript併用もあります。 動作を見るには、「Run Pen」をクリックするか、クリック後に右上「Edit on Codepen」をクリックしてください。 まずは、ダイナミックなアニメーションが楽しいソーラーシステム。動きが斬新で、スライドなどに応用してもよさそうです。ベストビューは、Operaです。
どうなる2019年のロゴデザイン？知っておきたい最新人気トレンド6個まとめ - PhotoshopVIP
ロゴを特別なものにするのは何でしょう？ロゴを魅力的にするには、デザイントレンドがどのように進化しているのか、きちんと把握しておくことが大切です。 この記事では、2019年にかけて注目したい、ロゴデザインの人気トレンド9個を予想し、まとめてご紹介しています。たくさんのデザイン事例と一緒にまとめているので、今後のデザイン制作の参考にしてみてはいかがでしょう。 デザイナーが押さえておきたい、2019年のウェブデザイントレンド10個まとめ【完全ガイド】 2019年に注目したい！グラフィックデザインの最新トレンド10個まとめ コンテンツ目次 1. 可変ロゴデザイン 2. 新世代の幾何学模様 3. 目の錯覚を利用したロゴ 4. 目的のある配色 5. ネガティブ・スペースの応用 6. ミニマリズムの変化 7. 歴史のあるロゴ 8. 重なり合うロゴデザイン 9. ディテールを最大限に活用 01. 可変ロゴ
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
注目ではなく「対話」の時代へ。 マーケター必見、主要SNSのアルゴリズムまとめ
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
2018年春までに感動したビジネスモデルまとめ13個｜チャーリー｜note
チャーリーです。 追記：ビジネスモデルを図解できるツールキットを販売中です。この記事にあるような図解を自分でもやってみたいという方はぜひ。 もう2018年も1/4が終わったというにわかに信じがたい状況ですが、ビジネスモデルを図解し続けたものがたまってきたのでここらで13個一挙公開します。 - 目次 -俺のフレンチ サマリーポケット 未来食堂 Cansell プチローソン Unipos SCOUTER ポプテピピック ZOZOSUIT Optoro Fundbox PillPack Farmers Business Network 100の事例を図解した「ビジネスモデル2.0図鑑」という本を発売しています（本記事の事例ふくむ）。予約開始と同時にnoteで全文無料公開という試みをやっています。本記事に興味を持ったらそちらもどうぞ！ 俺のフレンチ俺の株式会社は2012年創業、あのブックオフの創業
キヤノン使いが考えるソニーのカメラのイマイチなところ14個と、それでも私が使う理由をまとめてみた。
ソニーの勢いが止まりません。今年もカメラのお祭り、CP+2018に合わせてこれまでの上位機種並みのスペックを持った”ベーシックモデル”のα7 IIIを発表し、大きな話題になりました。今回はあえてそんなソニーのカメラのイマイチなところを１４個あげつつ、それでも私がソニーを使い続ける理由を紹介します。 勢いが止まらないソニーα。だけど...カメラ業界では今、ソニーの勢いが止まりません。 メイン機はキヤノン5D系だった私自身もα9とα7R IIIはどちらも発売日に買って、以後ソニー：キヤノン＝7：3くらいの割合でソニー機をメインに使うようになりました。 今年もカメラのお祭り、CP+2018に合わせてこれまでの上位機種並みのスペックを持った”ベーシックモデル”のα7 IIIを発表し、大きな話題に。α9とα7R IIIの詳しい話は下記リンクが詳しいです。
スローガン／キャッチフレーズ／タグライン の違い - わたしが猫に蹴っとばされる理由
今日依頼を受けた新規案件は、某企業の某サービスのタグライン開発。この言葉、少しずつ浸透してきているようだが、一時期の「ブランド」や「インサイト」とおなじで、定義づけが曖昧になっているような。実際のところ、どうなのだろう。スローガン／キャッチフレーズ／タグラインの3つは、業界の中では使い分けがされているが、結構かぶっている部分もあるような…。 世界的に有名なタグラインというと、NIKEの「JUST DO IT.」があるが、これはブランドスローガンと受け取ることもできる。うーん、やっぱり定義って難しいのだろうか。 ■スローガン Wikipediaによれば、企業や団体の理念や、運動の目的を、簡潔に言い表した覚えやすい句・標語・モットーのこと。政治の世界でも使う用語だが、マーケティング分野では、ブランドスローガン、コーポレートスローガン、といった使い方がメインかな。ぼくは「企業やブランドの、消費者
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
流行なんて関係ない！いつでも使える黄金ウェブレイアウトUIパターン12個まとめ
海外サイトUXPin Studioで公開された「Web Layout Best Practices: 12 Timeless UI Patterns Analyzed」の著者 Jerry Cao より許可をもらい、翻訳転載しています。 ウェブサイトを訪れるユーザーの多くは、コンテンツを楽しみにしており、デザイン目的で訪れているわけではありません。 この記事では、いつの時代にもマッチする、12種類の黄金ウェブレイアウトパターンを問題点や解決法、具体的な使い方のポイントと一緒に見ていきましょう。 コンテンツ目次 01. カード型レイアウト 02. グリッドレイアウト 03. マガジンレイアウト 04. 枠なしレイアウト 05. スプリット・スクリーンレイアウト 06. 単一ページレイアウト 07. F型パターンレイアウト 08. Z型パターンレイアウト 09. 水平方向の左右対称パターンレイア
デザインがグッと良くなる、持っておきたいフリーフォント素材50個まとめ 2017年2月度
毎月新しく公開された高品質なフリーフォント素材をまとめてご紹介しています、今回は2017年2月度のまとめとなります。 デザインの雰囲気をガラリと変える日本語フリーフォントから、グラフィックデザインで重宝しそうなスタイリッシュな英文フリーフォント素材まで幅広く揃えています。いつも同じ書体ばかり利用してしまい、デザインの可能性を引き出したいときに活用し、お手持ちのフォントコレクションに追加してみてはいかがでしょう。 テーマ、目的別に探す！合計2000個のフリーフォント素材まとめ完全版 無料ダウンロードし放題！商用OKなフリーフォント50個まとめ 2017年1月度 デザインがグッと良くなる、持っておきたいフリーフォント素材まとめ Hype Free Font シンプルで使い勝手の良いサンセリフ書体のフリーフォント。 ※ 個人、商用利用可能 Noway 文字の美しさと機能的な使いやすいさを実現した
デザイナーが持っていたい、すごいフリーフォント素材42個まとめ
デザインをしているときに悩んでしまいがちで、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。 今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された書体から、今年のトレンドでもある手書き、ブラシスタイルの他に、人気の高い美しい筆記体デザインなどが揃っています。 詳細は以下から。 デザイナーが持っていたい、すごいフリーフォント素材まとめ あさご本丸ゴシック 伝統的な雰囲気でありながらも、クルクルとしたループ状の線が個性的でモダンさを感じるエレガントな書体だそうです。 ※ 個人利用可能 Margurite 流れるように美しい筆記体スタイルで、リガチャ合字なども豊富に用意された、プロユースのデザインフォント。 ※ 個人利用
インフラエンジニア以外も必見！インフラの基礎が学べるスライド10選-レバテック
インフラについて、何となく理解しているつもりでも、「インフラとは何か？」と聞かれると、こういうものであると明確に答えるのは案外難しいものです。 そこで、インフラの基礎がわかるスライドシェアを10個ピックアップしてご紹介します。 インフラエンジニアの定義、インフラの基礎、手順書の書き方、インフラ自動化など、初心者から中級者向けの内容となっています。 Web業界で働くなら、システムの基盤となるインフラについて学んでおいて損はないはずです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【随時更新予定】推しのFigma Pluginまとめ｜三上蒼太 / Sota Mikami
LHH転職エージェント - Lの転職 | 厳選ハイキャリア求人をご提案
デザインパターン[モデリング] -TECHSCORE-
ユーザー体験設計とウェブサイト構築から導く企業ブランディング
デザイナーが揃えておきたい！Photoshopで使い勝手のよい無料のパターン素材 660種類のまとめ
