コーポレートサイト ブランドサイト･サービスサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 スマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療･薬 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･

コーポレートサイト ブランドサイト･サービスサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 スマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療･薬 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･

これまで平面的に捉えられていたウェブサイトやアプリに、吸い込まれるような没入感を演出するクリエイティブなアニメーションが、いま注目を集めています。 この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。 Webサイトやスマホアプリのアニメーション実装参考アイデアに役立てみてはいかがでしょう。 アニメーションで魅せる！Web制作の参考UIインタラクション40個まとめ Juice Brand Website Menu フレッシュなフルーツジュースを選択する、フルスクリーン画面で展開するナビゲーションメニュー。ぼかしをつかい、遠近感をうまく表現したプロダクト紹介ページは参考に。

従来のありがちなウェブサイトではなく、アイデアや工夫を凝らした、デザイン制作の参考にしたい最新ウェブデザイン36個をまとめています。 ストーリーテリング手法やなめらかなアニメーション、美しい配色やセリフ書体を中心としたフォント選びなど、2019年に注目されているデザイントレンドを盛り込んだサイトを中心に揃えています。 サムネイルをクリックすることで参照元で移動できるので、ぜひ一度ウェブサイトを開いて、クリエティブな面白最新ウェブデザインを体験してみましょう。 Webの進化が止まらない！参考にしたい最新ウェブデザインまとめ Rally 制作実績を一覧にしたポートフォリオサイトで、アクセントになっている立体的なリボンエフェクトが展開しながら、視線をうまく誘導しながら次のコンテンツへ進みます。 Oranje Bitter Festival 2019 オランダで今月開催されるフェスのランディングペ

カルチャー 絵が苦手でもどんな職種でも問題なし！社内で「グラフィックレコーディング勉強会 #基礎編」を開催しました！ 先月末、Goodpatchの有志メンバーで「グラフィックレコーディング（以下グラレコ）社内勉強会」が開催されました。 本日はそのレポートをお届けします！ Goodpatchでは、UIデザイナー / グラフィックレコーダーの香林をはじめとして、他のメンバーにもグラレコが広まっており、社内で馴染み深いものとなっています。 その影響もあってか、勉強会にはデザイナー以外にもプロジェクトマネージャー、エンジニア、人事、マーケターなど幅広い職種のメンバーが参加していました。また、講師を務めた香林の隣で実際に私が勉強会の様子をレコーディングしていきました。 「グラレコに興味はあるけど、何から始めたらいいのかわからない…」という方にも、最初の一歩の踏み出し方としてこのレポートが参考になれば

アプリマーケティング研究所 > トレンド > インスタ女子による「インスタ疲れ」や、メルカリのシェア倉庫化、YouTuberは「芸能人ではなく友達」など、スマホユーザー9つのトレンド（2017） インスタ女子による「インスタ疲れ」や、メルカリのシェア倉庫化、YouTuberは「芸能人ではなく友達」など、スマホユーザー9つのトレンド（2017） 2017年に、若いスマホユーザーを中心にインタビューして、印象的だったユーザー行動やトレンドなどを９つまとめました。 <目次> １、メルカリの「シェア倉庫化」すぐ買ってすぐ売る ２、インスタ検索の高度化「バイト先・気温を調べる」 ３、インスタの価値は「写真を撮るまで」も含めた体験 ４、インスタ女子による「インスタ疲れ」とストーリーの浸透 ５、YouTuberが信用できるのは「芸能人ではなく友達だから」 ６、中国アプリの独自進化 ７、テクノロジーによる

このサイトに掲載されている情報はJR西日本が提供しております。 COPYRIGHT © WEST JAPAN RAILWAY COMPANY ALL RIGHTS RESERVED.

webサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。 よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。 また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。 Calltoidea 細かいコンポーネントからページ全体のレベルまで様々なデザインがまとめられています。 カテゴリーを表すアイコンもわかりやすく参考デザインのキャプチャも大きくて見やすいので、個人的によく見るギャラリーサイトのひとつです。 Collect

ストアページ、プロダクトページ、価格表ページ、チェックアウトページなど、オンラインショップやプロダクトページのレイアウト、商品の見せ方、UI周りの使い勝手が参考になるページをコレクションしているサイトを紹介します。 Store Pages ローンチして間もないサイトですが、そのコレクションは充実しています。 ストア、プロダクト、価格表、チェックアウトはそれぞれ別ドメインを取得されているので、気合いが入っています。

Webサイトやブログを作成する時にCSSでよく使うコード、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・画像周り・ライン・ユーティリティ・アニメーションなどがまとめられたCorpusを紹介します。 スニペットに登録したり、ブックマークしておくと便利ですね。 Corpus Corpusでは、作者自らが新しいプロジェクトを始める時によく使用するコードのセットをまとめており、汎用的に利用できるようSCSSでダウンロードできます。 参考として、更に掘り下げた記事もピックアップしました。

追記:｢市販のシャンプーでタンパク質は変性しません｣から改題しました 美容師は日に数十回シャンプーする 美容師が市販シャンプーのダメさを実験したブログが話題に→涙目になるパンテーン・エッセンシャル勢 - Togetterまとめ 既にコメント欄にも書かれていますが､市販のシャンプーで卵白のタンパク質が変性するから危険であるというのは解釈が間違っています｡ ただし､前提として美容師さんは日に何度もお客さんの頭をシャンプーします｡つまり､シャンプーを何度も使うので､低刺激のシャンプーを使った方が良いでしょう｡ 美容師が一日辺り何回くらいお客さんを洗髪するかを推測してみます｡お客さん一人当りの接客時間は､カットのみでしたら1時間位なので､大体5人かそれ以上でしょう｡美容院の場合､カット前と後に頭髪を洗浄するので､美容師さんは一日に10回以上もシャンプーを使うことになります｡頭髪の洗浄はアシスタント

" data-tippy-trigger="click" data-tippy-interactive="true" data-tippy-theme="locale" data-tippy-appendto="parent" href="#">

WEBマーケティングでは、全てのデータを数字という最も具体的な形で計測することができる。 そして、その数字をもとに地道な分析と改善を繰り返すことで最終的に大きな結果へと繋がる。 しかし、WEBサイトのパフォーマンス改善や、ランディングページのコンバージョン率UPに役立つデータを得る方法を知らないという方は意外なほど多い。 そこで、本日は私自身も使っていて、効果を実感している７つの無料分析ツールをご紹介する。 これらのツールを使うことで、あなたは喉から手が出るほど欲しかった貴重なデータを得ることができる。そして、そのデータをもとに、改善していくことで大きな結果を出すことができるようになる。 １．User Heat User Heat 登録ページ User Heatは、サイト訪問者のマウスの軌跡、クリック場所、読まれた場所を上図のように解析してくれる無料ツールだ。サイト内でのユーザーの動向が一

来年の復習用の記事リストです。自分用。 年末ですし、だれかがまとめ記事を書く と思って待ってましたが、他力本願も あまり良くないので自分でリストを作る 事にしました。去年も作ったけどあまり 出来なかったんですよね。。 タイトル通り、個人的に参考になった記事で、来年の勉強用リストです。 去年の記事(2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ)と似たような感じだけど、必要な情報が偏ってきたのと、国内のRSS購読ブログ数が1/30になったのでリストも偏ってます。 リストの内容に関して この手の記事はいろいろご意見頂き易いので、ご覧頂く方に不毛なストレスを与えないように、内容に関して先に記述しておきます。 リストの内容ですが、単なるリソースの羅列のようなまとめ記事は個人的に参考になったことがないので割愛しています、というかこの記事自体そんな感じです。また、結果のみで解説

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp