冬國秋/markup + web designing @fuyukuniaki もしwebデザイナーを名乗る人がこのデザインのフキダシをwebページのパーツデザインとして寄越したら、webコーダー「どういう意図でこうなさったんですか?(チクチク🪡チクチク)」 twitter.com/coro46/status/… 2022-11-19 17:14:37
先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイトです。現在のところ、500種類以上のランディングページのデザインがまとめられており、これからも定期的に追加していくとのことです。 Landings Landingsの利用は簡単で、登録など面倒なことは一切不要。 ページは無限スクロールに対応しているので、そのままスクロールしてもよし、上部でテーマやカラーでフィルタリングすることもできます。 フィルタリングを見てましょう、まずはライトテーマ。 各サムネイルをクリックすると、ページ全体のキャプチャ画像とランディングページの
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
「このマークを従業員使用の断り書きと見るのは困難で、男女共用以外の意味を想起するのは容易ではない」と裁判官が判断したのは、こちらの右の標識です。女性単独のマーク(左)よりもトイレの入り口に近い場所に設置されています。 腹痛と便意の… https://t.co/hdAaJ0KuV4
iPhone 12シリーズが発表され、iPhone 12/12 Proの予約も始まりましたね。23日配送予定で予約できたので、私も楽しみです。ユーザーとしてはその新しいデザインや機能にワクワクしますが、デザイナー・デベロッパーとしては悩みのタネが増えるかもしれません。 ビューポートのサイズの種類が増え、多くの解像度、アスペクト比、断片化が進むデバイスの複雑さがUIの設計にどのように影響するのかを紹介します。 iPhone 12 vs Designers by Michal Malewicz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone 12のリリース だけど、このメタルとガラスの中には象がいる 2020年の現状 どのようにデザインすればよいか? 重要な要素は折り目の上に 終わりに iPhone 12のリリース 1
【画像】 嵐・大野智デザインの24時間テレビTシャツの絵がヤバすぎると話題に 1 名前:名無しさん@涙目です。(日本) [ES]:2019/06/08(土) 23:05:23.39 ID:AxO0i2Z+0 日本テレビ「24時間テレビ42」(8月24、25日)のメインパーソナリティーを務める嵐が、8日放送の同局「嵐にしやがれ」(土曜後9・00)で「チャリTシャツ」を初披露し、デザインを大野智(38)が手掛けたことを発表した。 大野がデザインを手掛けるのは、04年、12年奈良美智氏と共同創作、13年に草間彌生氏とコラボを組んで以来、通算4回目。単独でのデザインは15年ぶりとなった。 (以下ソース) https://www.sponichi.co.jp/entertainment/news/2019/06/08/kiji/20190608s00041000412000c.html 10: 名無
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね! ↑私が10年以上利用している会計ソフト! 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
たとえばロードスターでは、軽量化のためにフロントフェンダーを初めてアルミ製としたが、鉄と同じように曲げていくと割れてしまうので、1年間かけてじっくり形を出していったという。チーフデザイナーの中山雅氏は、「マツダのエンジニアはピンチになるほど力を発揮する方が多い」と、その時の状況を語っていた。 同じチーターでも、モチーフにする「瞬間」を変える 骨格が決まれば安泰というわけでもない。車種によってカテゴリーやサイズが違うので、単純なコピー&ペーストでは不格好になってしまう。 そこでアテンザよりひとクラス下の「アクセラ」では、前後フェンダーの峰をタイヤの中心よりもドライバー側に寄せることで、より安定感を出している。さらに小さなデミオでは、体を伸ばしきって疾走する姿を参考にしたアテンザに対し、獲物を見つけて飛びかかる瞬間を描いた。同じチーターでも、モチーフにする瞬間が違うというわけだ。 インテリアも
都内で細々と自営のデザイン屋をやっております。今回のエンブレムの騒動もここにきて(とりあえず)一つの区切りがついたようなので、この一連の出来事において個人的に感じたことなどを忘備録も兼ねて書き留めておきます。 まず、佐野研二郎という人物についてですが、今回の騒動でまぁ国民に広く知れ渡るほどの知名度を得ましたけど、デザイン業界においてはスーパースター的な知名度が元からありました。まぁサッカーの日本代表でスタメンに入るようなイメージですかね。ちなみに僕はJ2にも入れないぐらいですね。サッカー観ないからよく知らないけど。まぁ所詮業界内だけのことを国民的なスポーツに置き換えるのもアレなんですけど。 で、そんな彼がこんな形で騒がれ始めて、まるで自分や自分のやってる仕事に対していちゃもんつけられてるような気になって一人で勝手に心を痛めていたわけです。しばらくは。 今回のエンブレムが発表されて最初に感じ
出会いは陽炎に見た幻影。 キャラクターを構成する要素には、「名称」や「容姿」、「武器」、「性格」、そして「色」。強くイメージに残るキャラクターは、一部を表現しただけでも、存在として関連付けられるようになります。 ゆえにターナー色彩株式会社は、彼女をイメージした色を生み出しました。名前は「アヤナミブルー」。壁紙、塩ビクロス、木材、コンクリートなど、主に室内用塗料としての「アヤナミブルー J COLOUR」。 10月にはアクリルガッシュで「アヤナミブルー」、「アヤナミブルーパール」、「アヤナミブルーゲルメディウム」の3色が登場。アクリルガッシュはお絵かきはもちろん、布やウィッグの染料として応用している人も多いようですね。 氷のように冷たい青を意味するフロスティーブルー。母なる海の暖かい青を意味するウォーターブルー。水より冷たく氷より暖かい。この世界にまた一つ、新しい青が誕生しました。 確かにア
新国立設計ザハ氏と契約解除へ…文科省など検討 2015年6月6日6時0分 スポーツ報知 国際コンペで選出された当初の新国立競技場デザイン案(JSC提供) 2020年東京五輪・パラリンピックのメイン会場となる新国立競技場(東京都新宿区)の整備計画が大幅に見直される問題で、文部科学省などがデザイン監修者としたイラク出身のザハ・ハディド氏(英在住)の事務所との契約解除を検討していることが5日、分かった。政府関係者が明らかにした。ザハ・ハディド・アーキテクツ側と設計を変更するよう交渉を行い、不調に終わった場合、契約を解除する方針だ。 政府関係者によると、現行案の「キールアーチ」と呼ばれる幅約370メートルある2本の鉄骨部分が最大のネックとなり、現状の構造を維持する限り、整備費や工期の見通しが立たないと判断した。 すでに当初案から規模などを約2割縮小しており、ザハ氏側に再度の設計変更を依頼すること
そんなSamsungが最近発表した「Galaxy S6」と「Galaxy S6 Edge」の評判は非常に良い。申し分のない高いスペックに加え、「iPhone 6 Plus」をも上回るカメラ性能は高い評価を得ている。 特に実物を手にした人達が高く評価しているのは端末のデザインだが、どうやらその高級感は外観に使用されている素材の美しさだけなのかもしれない。iMoreが「Galaxy S6」のデザインを「iPhone 6」と細く比較した結果、Samsungのデザインの詰めの甘さが浮き彫りになってしまった! 世界のトップ企業とは思えない、ガタガタなデザイン 僕はデザイナーではないが、デザインの基本として要素を基準に合わせることが重要であるということはなんとなく理解している。簡単なようで非常に難しいことだが、「良いデザイン」をする上で重要な要素だと聞く。 それを念頭に置き、Samsung自慢の「Ga
iPhone6のカメラ回りのデザインがかっこ悪いということで、一部のユーザーから批判の声が出ています(たとえば、ZDNetの記事)。 筐体を薄型にしたために、カメラのレンズがちょっとだけ飛び出しているのがあまりにもダサイということです。確かに、「美は細部に宿る」という観点から言うと、ちょっとAppleらしくないというか、最近のスマホらしくないデザイン上の妥協だと思います。上記ZDNetの記事では”This is ugly. Really ugly.”と評されています。美観だけの問題ではなく、ケースなしで平面に置くとぴったり置けないという点で実用上もちょっと難ありという気もします。 (出典:Apple) さらに、Appleの公式サイトにおける真横から見た画像では、画像を修正してカメラの出っ張りを消している疑惑もあります(たとえば、この記事やこの記事)。Apple自身もかっこ悪いのを自覚してい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く