ピクセルパーフェクトは必要なのか？ HTMLコーダーの考え方まとめ
平尾誠@ARUTEGA.Inc @Makopontass コーディングを外に出すことが増えてきた。 やはり経験値が少ない人の品質管理は大変だと感じつつも、しぶとくピクセルパーフェクトを狙ってくる方に仕事を任せてよかった。 この再現性への執着心がないと伸び代を感じれない。 2020-09-20 00:34:07 吉本 集 / aru inc. @tsuDoi220 いやー、実際そうなんですよねー。 ピクセルパーフェクトに、そもそも拘っていない人に、仕事お願いしたくない。テクニックどうこうより、全然こっちのほうが大事。ほんとに。 後、速度とちゃんと納期守ること。 当たり前のようだけど、意外とね、、、 twitter.com/makopontass/st… 2020-09-20 00:45:27
2019年に流行するWebデザインの最新トレンド18個まとめ | Web Design Trends
そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか？ 最新のWebデザインのトレンドを取り入れることによって、Webサイトを魅力的に見せることができたり、使いやすいWebサイトを提供することができるなど、様々なメリットが生まれます。 今回は、2019年に流行するWebデザインの最新トレンドを一気にご紹介していきたいと思います。 2029年のWebデザイントレンドに関する記事を公開しました！最新情報を知りたい方はこちらをご覧ください。 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注
ファーストビュー盲信がもうしんどい
Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ！」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ
シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld
画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
ブラウザー上でスタイルガイドが作れるFrontifyを試してみた
2015年9月24日 便利ツール 巷ではgulpやGruntなどを使ったスタイルガイド生成ツールが多く存在します。しかし、CSSのコメントに書き込んだりするのはWeb制作者でないと難しい部分もありますし、そもそもファイルを作るのがめんどうだったり…と、なかなかスタイルガイドを作る気になれない人もいるんじゃないかと思います。今回は非Web制作者でも簡単にスタイルガイドが作れちゃうFrontify Style Guideを紹介します！ ↑私が10年以上利用している会計ソフト！ スタイルガイドとは？ Webサイトを一人で制作、運営している場合、そのサイトに必要な画像やロゴ、配色パターンなどはすべて自分が把握できているものです。しかしチームを組んで運営していく場合は、コーディング規約と同様、デザインのルールをひとつにまとめておくといいでしょう。そのルール集がスタイルガイドです。スタイルガイドを作る
反知性主義としてのメシウマ（五輪へ猛威をふるう情緒人民裁判）
東京五輪エンブレムの使用中止に、ネット炎上の影響が「無かった」とは言えないと思う。 もちろんこの「思う」は、関係者に取材をあてて話を聞いたわけではないし、感想レベルだ。 でも、まあそうかな。そうだろう？当たり前だろ！というネットの個々人の反応は予想がつく。 何の証明も無く、何の責任も負わず、ただの「感情」のうねりが、エンブレムを使用中止に追いやったのじゃなかろうか。 それは、本来の意味での反知性主義に近いのでは無いか。 リンチと人民裁判と、群衆から石を投げる人達 そうした“リアルの与論”に近い性質を帯びるようになった“ネット世論”が、警察や裁判所や第三者機関を介するでもなく、リツイートやシェアやまとめサイトを経由して増幅し、テレビや週刊誌を先回りするかたちで問題を暴き、批判し、蹂躙していく――その風景が、私にはとても恐ろしく感じられた。 ネットの暗い情念が“世論”と接続してしまう怖さ -
日本のウェブデザインがこんなに悪い^H^H違う理由
Why Japanese Web Design is so… Different?(なぜ日本のウェブデザインはこんなに…違うのか?) というのが、はてなブックマークで人気になっていたので読んでみました。 英語 […] Why Japanese Web Design is so… Different?(なぜ日本のウェブデザインはこんなに…違うのか?) というのが、はてなブックマークで人気になっていたので読んでみました。 英語で日本のウェブデザインを語る記事は、良くわかってないものも多いのですが、今回のはかなり正確に現状やその理由を捉えているように思いました。ポイントをざっとまとめます。 禅庭などの文化、建築などで知られる日本のデザインが、ウェブについては15年も古く見えるのはなぜか? 人気サイトとして楽天を例に (同様の例としてヤフージャパン、ニコニコ、JR東日本、読売新聞なども) 詰め込ま
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
なぜ日本のWebデザインはダサいのか？ | Goodpatch Blog
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
ここがヘンだよRWD（レスポンシブWebデザイン） / Maka-Veli .com
定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト（PC表示時）はシンプルで良いんじゃないかなと思います。（この時のポイントは企画段階時のRWD導入の見極めかなと思います） しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280（共に横）などでの閲
壊れたデザインプロセス（「The Broken Design Process」日本語訳）
2012年8月12日 著 以下の文章は、Philip Zastrow氏の書かれた「The Broken Design Process」を翻訳したものです。レスポンシブWebデザイン関連の記事をこの数ヶ月、いろいろ斜め読みしてきましたが、これは是非とも翻訳しておきたいと思ってZastrow氏にコンタクト、翻訳と掲載につき了解を得ました。ただし、この翻訳には誤りが含まれている可能性があります。英語が読めるなら、原文のほうを是非お読みください。 Webデザインのプロセスは壊れており、レスポンシブWebデザイン（訳者注：以後「RWD」と表記）の推進によって、モダンなアプローチを余儀なくされつつある。 典型的なデザインプロセスでは、理想化されたWebサイトのコンセプトイメージが写真編集アプリを用いて制作される。そして、コンセプトイメージを顧客または承認する立場にある権威に渡し、フィードバックや批判を
ユーザビリティ至上主義が招くWebデザインの終焉 | tetra*note
仕事で大手企業サイトの構築に携わることが多いんですが。 ところで、最近の企業サイトってどこも判で押したような似通ったデザインばかりだと思いませんか？ これにはちょっと事情があります。 企業サイトはユーザビリティが高くなければならないという風潮 いや、たしかにそうだと思うんです。 ユーザビリティを無視した企業サイトはよろしくないと思います。 ただ、ユーザビリティだけを求めてひたすら突き詰めていくと、その答えはひとつのテンプレートにたどり着きます。 最近の企業サイトの似通ったデザインというのは、このユーザビリティを突き詰めていった結果です。 「ユーザビリティが高くなる」という魔法のテンプレートに当てはめていく、という作業になってしまっているわけですね。 差別化とは完全に逆の方向を向いてます。 結局は硬さと柔らかさのバランスが大事 ユーザビリティにこだわったガチガチのデザインを仮に「硬いデザイン
マルチデバイス時代のWebページ | Yomotsu net
レスポンシブ・ウェブデザインという言葉が多くの Web 制作者に認知されるようになり、”端末に合わせたコンテンツの出し分け” は古いなどという意見も出てきていますが、果たして本当にそうなのでしょうか。この記事では、それについてちょっと考えて見たことをまとめています。 さて、最近、日本国内でもスマートフォンやタブレットといった PC 以外で Web ブラウジングできる端末が増えてきました。これにより、 Web ページは様々なサイズの画面で閲覧される マウス / キーボード以外の入力が利用される (主にタッチ入力) という、これまでの大きな画面でマウスを主体とした入力から大きく変わりつつあります。それにより、Web 制作者は、これらのデバイスへの対応が仕事の一つとなりました。 こういった、マルチデバイスへの対応には主に 3 つの方法があると考えています。 メディアクエリー採用によるいわゆるレス
管理画面のデザインに困ったらThemeForestを参考にする | 高橋文樹.com | デザイン
この投稿は 11年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 困ったときのThemeForest情報です。プログラマかデザインの苦手なフロントエンドデベロッパ向け。前置き長めです。 プログラマを悩ませる管理画面 昨今のWebサイトではPHPなどのサーバサイドスクリプトとデータベースを組み合せることが多いのですが、その際管理画面というものを作ることがあります。 よくあるパターンとしては、CMSや業務管理アプリみたいなものを管理画面として作り、そこで作成／入力したデータを一般客向けのWebサイトとして表示するというパターンです。 問題1: 管理画面はデザイン予算がかけられない で、この管理画面なのですが、「デザインについて予算が割かれることがほとんどないわりに細かい注文がゴチャゴチャくる」ことが多いです。中の人はしょっちゅう触っていると何か
デザインの試行錯誤とラグをなくすプロセス
ワイヤーフレームやスケッチで、ある程度カタチになっているアイデアも、スクリーン上に実際に描いてみないと分からない場合があります。ラフでは良い感じに見えるものでも、いざ色を付けたりレイアウトを組み上げていくと「あれ？」と思うこともしばしば。ワイヤーフレームやスケッチとして出てきた設計図をそのまま型にすれば上手くいくというわけでもないのが、デザインの難しいところであると同時におもしろいところです。 Photoshopや、Fireworksを使って、1ピクセルずつずらしながらレイアウトの調整をしたり、ガラッと雰囲気を変えた見た目を試すといった試行錯誤をしている方はいると思います。ただ設計通りに作るのではなく、試行錯誤を続けることでより洗練されたデザインになることもあれば、まったく新しいアイデアが生まれるキッカケになることもあります。 スケッチにしろ、グラフィックソフトを使うにしろ、試行錯誤をする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sakurachiro.com
あたし、このデザインを納品したら故郷に帰って結婚するんだ。vol.05｜株式会社アクトゼロ｜クリエイティブブログ
New Content Available soon!
https://www.nissan.co.jp/SP/NOTE/SPECIAL/
designmap.info