フッターがダサいWebデザインはクソだ。 | NASU Co.,Ltd. 勝てるデザインの会社
株式会社NASUで働くスタッフが1万字ぐらい書けるくらい好きなことについて書くスーパーマニアック記事。今回はWebデザイン大好きな私が「フッターデザイン」の魅力をテーマに記事をお届けしたいと思います。 この記事では、どうして表層的でダサいフッターが生まれてしまうのか、ダサいフッターを克服するためにはどうしたらよいのか、このWebサイトのフッターが痺れる！など。普段なら言わない心に秘めていることを、ありのまま書いてみようよ思います。 まずは、今回のスーパーマニアック記事を書いております、私の簡単な自己紹介からさせていただきます。 NASUでは、Webサイトの設計・デザイン・コーディングなどWebサイト制作に関することを丸っと担当しております。牧瀬と名乗っております、中川誠也と申します。趣味は、Webデザインに関する勉強と、マイクラやソウルライクなゲームをすることです。現在は、修行中のためゲー
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
宣言ブロックのCSS設計 - kojika17
日本語で「CSS設計」を検索すると、記事やつぶやきなどでセレクタの命名規則に関する話題が多いです。 CSSを設計する上で、命名規則は重要な要素でしょう。 簡単なセレクタ名だと他のスタイルと重複する可能性もあります。他のスタイルと重複しないようにセレクタの子孫数を増やしてしまうと、今度はスタイルの取り回しが悪くなります。 またデザインをコンポーネントに分ける粒度について紹介されていますが、命名規則の分け方のように紹介されているよう感じます。 論理的に構造をわけて命名していくため、覚えやすく、伝えやすさもあわさって、現在の「CSS設計 = 命名規則」のような構図ができあがったと感じています。 CSS設計は命名規則だけか 命名規則はCSS設計において、重要な要素です。 しかしCSSは命名規則させ気を付ければ良い、というものではありません。 私は、すでにあるサイトの一部のコンテンツの作成やすでに用
1年3ヶ月描き続けて考えるグラフィックレコーディングのこと｜Goodpatch Blog グッドパッチブログ
こんにちは！UIデザイナー/グラフィックレコーダーの香林です。 グラフィックレコーディング（以下グラレコ）を始めて1年3ヶ月経ちました。 約60週間で、練習含めて描いた数は600枚以上。日で割ると1日1枚以上描いたことになります。 グッドパッチのUIデザイナーは、日常的にサービス設計の上流工程に関わります。チームメンバーと共に良いプロダクトを生み出すため、創意工夫しながら前に進んでいます。私の場合、そのための武器がグラレコになりました。まったくのゼロから無我夢中でグラフィックレコーダー（以下レコーダー）と名乗るに至った結果、果たして何を得られたのか？それをこの記事で改めて振り返ってみたいと思います。 グラレコとの出会い｜始めたのは自分のため 会議がいっこうに進まない、声の大きい人に引っ張られる、参加者のモチベーションが低い…議論の場におけるこのような課題は国内外問わず存在するようです。円滑
長いページでも飽きさせない3つの工夫 - Oisix ra daichi Creator's Blog（オイシックス・ラ・大地クリエイターズブログ）
初めまして。デザイナーの高橋です。普段はUI設計や改善を担当してます。 前回、出口さんの旬ページリニューアル事例のエントリーでは、 スマホファーストの考えに基づき、「読ませる」より「見せる」にデザインの方向性を決めて「ビジュアル訴求を高めた」事例について紹介しました。 では、どのようにして「見せる」ことを実現させるためにスマートフォン上のデザインで解決していったのか？ 今回はその事例をご紹介できたらと思います。 簡単に「見せる」と言っても、オイシックスの売り場の特徴はページの「長さ」にあります。 いかにしてお客さまがサイトに訪問していただいた時のテンションを維持したまま、ページの最後まで飽きずに「見て」いただくことが出来るかが、デザインの成功のカギだと考えています。 そのため、長さを極力意識させない工夫、またテンションを上げもらう工夫が必要です。 「見せる」ためにやったこと そのために具体
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
長く愛用できるロゴデザインを作成する、参考にしたいポイント9個まとめ
長く愛用できる、ビジネスに最適なロゴデザインを作成するための9つのシンプルなポイントをまとめてご紹介しています。 革新的で印象的なロゴデザインは、考えられるグラフィックデザイン素材の中でも重要なアイテムのひとつです。ユーザーやお客様に支えられることで成功が見えるビジネスロゴデザインでは、はじめてのデザインを正しく作成することが大切となります。 ブランディング・デザインは制作プロセスも長く、複雑なため、ブランドアイデンティティをはっきりとさせ、伝えたいメッセージやコンセプトをうまく反映できるように工夫が必要です。今回は、ロゴデザイン制作で心がけたい重要ポイント９個をまとめています。 2017年のロゴデザインはこれ！確認しておきたい要注目のトレンド7個まとめ 1. ブランドアイデンティティに関する知識 ロゴはビジネスのビジョンや価値観、目標に基づいている必要があります。 市場における実際のポジ
【ゼロからのディレクション講座】サイト設計編
2015年11月28日＠東京 2016年4月30日＠東京 開催の「0からのディレクション講座設計編」資料です。 サイト設計・ペルソナ・ターゲット・導線設計などなどRead less
CSSの設計 – FLOCSSをベースにしたファイルの構成と命名規則を考える ｜ Tips Note by TAM
「どうやってコーディングをして組み立てていこうか？」 いくつもの案件を経験しても、いつも悩んでしまうのがCSSの書き方です。「それなら自分なりの考えをまとめてルールを作ってしまおう」と考え、CSS設計に関する情報から自分なりにコーディングルールを作りました。 今回の内容は社内勉強会で発表した「CSSのファイル構成と命名規則」の資料を再編したものです。 すべての案件内容で最適な方法ではないこともあると思いますので、1つの考え方だと捉えていただけるとありがたいです。 詳しいコードやルールはGitHub（個人のアカウント）を参照してください。「使用しているテンプレート」リンク先のstyle.scssで実際の全体の構成が確認できます。 使用しているテンプレート CSSコーディングルール CSSは影響範囲の管理が難しい CSSで難しいことのひとつは「影響範囲」を管理することだと思います。 クラスを追
株式会社Qript グループ統合に関するお知らせ
このたび弊社を含む Penseur（パンスール）グループ傘下の事業再編にともない、2022年4月1日をもって、株式会社Qriptは株式会社Penseurへ吸収合併され、新たな歩みを進めることとなりました。 2000年に創業し本日に至るまで、多くの皆様からのご愛顧に対し、社員一同、深く感謝するとともに心より御礼申しあげます。 なお、弊社の既存事業・業務はすべて株式会社 Penseurにて継続してまいります。 事業再編により、新たな体制をもって総力を結集することが可能となり、今後さらに高付加価値のサービス提供が可能になると考えています。 今後も皆様のご期待に添えますよう全力を尽くしてまいりますので、引き続き、何卒ご指導ご鞭撻を賜りますようお願い申し上げます。 2022年4月1日 株式会社Qript 代表取締役 寺嶋正浩 株式会社Qript グループ統合に関するお知らせ（PDF） ※株式会社Qr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
