Check WebTech|採用技術にフォーカスしたWebサイトリンク集。トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。採用技術にフォーカスしたWebサイトリンク集。 トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。
ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
現役デザイナーが愛用中！お役立ち最新デザインツール10個まとめ
この記事では、「新しいもの好き」のデザイナーが、日頃のデザイン制作で愛用している最新のお役立ちツール１０個をご紹介します。 ウェブデザインからグラフィック、プロダクトデザインまで、あらゆるプロジェクトを円滑に進める便利ツールが揃います。 現役デザイナーが愛用中の最新デザインツールまとめ Blobs Blobsは、自然でオーガニックな見た目の、泡のようなデザイン要素を手軽に作成できるツール。写真を利用することで奥行き感を演出できたり、Webサイトでの利用にも便利です。 このツールを使えば、形状の複雑さを調整でき、ボタンひとつでランダムなシェイプを描きます。作成したデザインはSVGファイルで保存、ダウンロードでき、PhotoshopやIllustratorはもちろん、FigmaやSketchでも利用可能。 スマホアプリ開発向けにFlutterコードを生成してくれるのもポイントです。 Pitch
【2023年版】Facebookアルバム投稿の見え方徹底検証 « 株式会社ガイアックス
Facebookで複数の画像がニュースフィードに流れてきた時、画像の並び方にいろいろなパターンがあることにお気づきでしょうか？ある時は上に1枚・下に2枚表示されたり、またある時は左に1枚・右に3枚表示されたり…。 本記事では、アルバム投稿をした際のニュースフィード上での画像の表示のされ方についてご紹介します。 アルバムに含まれる画像のアスペクト比とアップロードする順番によって、ニュースフィード上での並び方・見え方が決まるということがわかったので、そちらの法則をご紹介します。きれいにアルバムを表示させたい方は、ぜひご一読ください！ 本記事は企業のSNSマーケティングを包括的に支援をしているガイアックスが解説しています。運用実績10年以上、大手企業を中心に累計1,000社以上の運用実績があります。 SNS運用、SNSキャンペーンに興味のあるご担当者様は、ガイアックスにご相談ください。 ※編集部
モバイルにおけるステップインジケーターはどうあるべきか
フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。 画面上のスペースが限られているためモバイルフォームで、ステップインジケーターを提示することは困難です。デスクトップと同じインジケーターをモバイルフォームで使用すると、可読性と可視性の問題が生じてしまいます。 直線型 vs 放射型 無理やり狭いスペースに各ステップのタイトルを収めると、テキストサイズが小さくなりユーザーが読みにくくなります。さらに一度にあまりに多くのステップ名と番号が表示されるため、可視性も下がります。結果、視覚的なノイズが発生し、ユーザーが現在いるステップを把握することが難しくなってしまいます。 モバイルフォームには放射型のインジケーターを使用してください。こちらの方がユ
UI/UX デザイナーを雇わない方がいい理由 ｜ブログ｜root｜芯を問い、成長に貢献する
UsabilityHour.com の創設者である、クレイグ・モリソ氏によるゲストポストをお届けします。 UXデザイナーとUIデザイナーは完全に違う役割を果たすから、一人の人間に両方の仕事を任すべきじゃない。 ふー、ついに言ってしまいました！ みなさん言いたいことはあるかと思いますが、その怒りをぶつける前に、まず説明させてください。 この2年間、私は二つのスタートアップでリード UX/UIデザイナーとして働いてきました。 また、どちらのポジションにいるときも多くのインタビューを受けしました。 次第に、どういう現象が起きているのかがようやくはっきりと見えてきました。 世間、特にスタートアップの創設者は、ユーザーエクスペリエンス・デザインが、本質的に何なのかを理解していないのです。もちろん、重要だということは把握していますが。使いやすいインターフェイスを持つというのは、デジタルプロダクトを売り
Sketchテンプレート付き！UXデザイナーがビジネスモデル図解に挑戦してみた｜Goodpatch Blog グッドパッチブログ
UXデザイナーのKatsukiです。 以前、ストーリーテリングの重要性、及びストーリーボードとしてストーリーを可視化する利点を記事にしました。 なぜビジネスモデルの図解に挑戦したか UXデザイナーである私が第一に期待されているのは、もちろんユーザーにとっての良い体験をデザインすることです。 そしてそのデザインがビジネスにインパクトを与えることもUXデザイナーの重要な役割です。 もはやその時点でUXデザイナーではなく、デザインストラテジストや、ビジネスデザイナーと呼べるのではないか？とも捉えられますが、それらの役割の呼称の議論は今回は割愛します。 更に具体的に言うと、新規事業を立ち上げるプロジェクトに携わるすべてのビジネスパーソンは、そのビジネスを伸ばすキモがどこであるのかを明確に定義し、説明できる必要があります。ビジネスとして注力すべきポイントを明らかにすることは、チームの士気を上げること
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
UI/UXデザイナーを目指す若手に知っておいて欲しいこと｜坪田 朋
最近増えているスタートアップで働きたいデザイナー向けの記事です。自分の経験から勧めたい・知っておいて欲しい事をまとめました。 作業環境はケチらないで投資する学生でも本気で勉強すれば1年以内にその投資を回収できるので、PCはケチらずにハイスペックなMacBook Proを買った方が良い。 稀に安いからと言う理由で、MacBook Airや旧スペックのPCで作業している人を見かけるけど、若い時ほど本質的な勉強に時間を裂いて欲しいし重い環境で作業し続けるのは効率が悪くインターンの @reo も古いPCで効率悪かったので、新品のMacBook Proを付与して、まともなソフトウェアセッティングとショートカットを教え込んだ。 ちなみに、僕がデザイナーにiMacではなく、Macbook Pro＋外部ディスプレイを勧める理由は、キーボードとトラックパッドが近いと手を動かす量が減って作業効率が良いのと、仕
30 Examples of Material Design Palette Color Usage
Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents
デザイナーの育成で大切にしたこと
ここ4年、育成に関わらせてもらって過ごしてきたのですが、久々に育成する人がいない4月を迎えるので、新卒デザイナーを育成する際に気をつけていたことを、この機会に振り返ってみようと思います。 自分のことはどうにかなってきた20代中盤、「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からないし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の人の役に立てば嬉しいです。 本人が課題を感じて初めて成長する突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ どれだけ教える側（メンター）が一方的に課題感を感じていたとしても、一方通行では意味がなくて、逆に本人と課題感を共有できると、認識してるゴールが明確になるので、お互いに成長実感を得やすいです。 どうやって課題を共有す
大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
デザイン言語システムを入れたらコミュニケーションコストがぐっと下がった話〜メドレー TechLunch〜 | MEDLEY Developer Portal
2017-08-03デザイン言語システムを入れたらコミュニケーションコストがぐっと下がった話〜メドレー TechLunch〜ビールが美味しい季節ですね！ 最近飲みすぎて嫁に叱られて、飲み会自粛中のデザイナー・マエダです。 メドレーでは TechLunch という社内勉強会を実施しているのですが、デザインについて私も発表する機会をいただきましたので、その内容を紹介させていただきます。テーマは「DLS の導入について」です。発表資料は記事の最後をご覧ください。 DLS（デザイン言語システム）とはDLS とは DesignLanguageSystem の略で、すごい単純にいえばデザインガイドラインみたいにUI に一貫性をもたせるため、配色やレイアウト、タイポグラフィやマージンなどのルールを策定するものです。 私が主に担当しているオンライン診療アプリ「CLINICS」は、iOS、Android、W
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺（@migi）と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI（ユーザインターフェイス）デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ
バナーデザインまとめサイト - bana-na(バナーな)
バナーデザインまとめサイトbana-na(バナーな) 更新:2023.9.5 Fintokei 目指せ！日本初のプロップトレード王者のバナーデザイン 更新:2023.9.5 shopify ビジネスを次のレベルに引き上げましょうのバナーデザイン 更新:2023.9.5 顧客体験を最大化するにはのバナーデザイン 更新:2023.9.5 無料 ホロスコープをスイスイ読めちゃう講座のバナーデザイン 更新:2023.9.5 マイナビふるさと納税SUMMERサマーキャンペーンのバナーデザイン 更新:2023.9.5 教師と生徒の為のソリューション サテライトオフィスのバナーデザイン 更新:2023.9.5 おうち専用 完売迫るモスバーガーコラボKit入りおためしのバナーデザイン 更新:2023.9.4 DEKARON デカロン2周年直前！のバナーデザイン 更新:2023.9.4 人気急上昇 イベント
実務経験3年すぎた現役Webデザイナーのリアル【勉強方法編】 - IT系女子ログ
（7月25日、コーディング編更新しました。） 私がWebのスキルアップのために行っている勉強方法をすべてご紹介します。 たくさんありますが、「今日は模写をしてみよう」とか、「今日は案出ししてみよう」とか、楽しんで勉強するのが一番だと思います。 今まで自分に合っているものを優先して取り入れてきましたが、「もっと効率いい方法があるよ！」というアイデアがあれば、ぜひ教えていただきたいです！ デザイン編 忙しくてもできること 毎日5分でもデザインを観察する ニュースを見る、読む いいと感じたデザインを自分なりに消化してから制作に取り入れる 部分的でもいいので2案以上作る 周りの人に自分から意見をいただきにいく 意見をいただいたら要点を控えておく 提出する時には自分の言葉での説明も添える 広告を見て、伝えたい内容や狙いを考察する 時間あるときにしたいこと 思い浮かんだ案をできるだけ作ってみる 素敵だ
Atomic Designを分かったつもりになる
「Atomic Design」（アトミック・デザイン）という言葉がしばしば聞かれるようになってきました。実際にちょっとしたトライアルをしつつ、Atomic Design について考えてみました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://reallygoodemails.com/
https://hataraku.vivivit.com/column/dribbble
