こんにちは、iDID Magazine編集部です。先週ぐらいからめっきり寒くなってきましたね…。そして師走。あらゆるところで忘年会が行われていることと思います。もう少しでお仕事納め、もうひとふんばりですね。お仕事が公開されたら、見にいきますね。 これを書いているのは12月21日。ちょっと遅くなってしまいましたが、これが今年最後のまとめサイト記事になりました。これらのサイトがリリースされたのは11月なので、秋から冬に変わる季節感を楽しめるかもしれません。 今回は「秋冬の落ち着いた感じ」と「ポップでにぎやかなカラー」が混在していますね。いずれにしても変わらないのは、どれもがすてきで、最高なサイトばかりということ。 あたたかいコーヒーでも飲みながら、それではいってみましょう。 11月、話題だったサイトです。 1. 404 NOT FOUND｜SHIBUYA SAKURA STAGEきづいたら「遊

（記事・写真）株式会社アールイーデザイン　辻 元気 スマホに特化したウェブサイトが近年、to Cに関して特に増えてきている。 そんなスマホに特化したウェブサイトをまとめてみた。 @2Gweb / @2Gcam 最終更新：2022/11/21 このカテゴリは何ていうデザインなんでしょうか？ モバイルファーストなデザインではあると思うんですよね。 PCで見ると、レスポンシブではあるんですが、スプリットデザイン的でSPのコンテンツ＋αな感じなんですよね。 一般向け（to C）のコンテンツならもうこのスタイルでありなんじゃとすら思っています。 この謎のデザインの肝は、PCの時の余白の使い方にあると思います。 SP的な要素はAndroidに合わせてなんでしょうけど、540px以下で展開しているものが多いような気がします。 なんて名前で呼べばいいかはわからないですが、その筋の間では昔の任天堂から発売さ

Portfolio Website Showcase — A curated selection of beautifully designed, super effective portfolio websites

A最低限の基準です。この基準を達成しないとWebサイトを閲覧できない人が存在しうるとされます。 AA望ましい基準です。この基準を達成すればWebサイトの閲覧が困難なケースは多くないとされています。 AAA発展的な基準です。この基準を満たすと最も閲覧しやすいWebサイトと言えます。

+100 user onboarding flows from Top SaaS like Airbnb, Wix, and Stripe. 1. Select your onboarding 2. Create onboarding like these companies from templates with no code 3. Save hours of development

An accordion is a vertically stacked set of interactive headings that each contain a title, content snippet, or thumbnail representing a section of content.

{iro}2 Bookmark は アニメ等のサブカルチャー関連の 気になるWebサイトを収集しています。

メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。

1988年神奈川県生まれ。普通の会社員です。運だけで何とか生きてきました。好きな言葉は「半熟卵はトッピングしますか？」です。もちろんトッピングします。（動画インタビュー） 前の記事：食べられるうちに挑戦したい！ドーナツの食べ放題に行く ＞ライターwiki 主人公は制服 ロボットを作ろうと思ったが、それは正義の秘密組織が作っていると思うのでお任せするとして、今回はコックピットに乗っているように見せたいと思う。 ロボットアニメの主人公は、学校帰りに突然、正体不明の敵に襲われそうになり、「なんだこれ…」と言いながらも乗りこんで戦うことになる展開が多い。 今でもそういうことがないかと思いながら出社している。もしくは、謎の組織に連れ去られて、パイロットになるやつでもいいです。 とりあえず制服を着た。 主人公は中にTシャツを着ているイメージがあるので家にある中で一番派手なTシャツを着た。写真館で撮った

この記事では、Webレスポンシブデザインにおけるグリッドの使用方法をまとめた基本ガイドです。デスクトップ、タブレット、モバイル向けのグリッドの使い方をそれぞれご紹介します。 レスポンシブグリッドの重要な部分に入る前に、基本的な用語を正しく理解しましょう。 レスポンシブ・グリッドの基本用語まとめ フィールド要素（Field Elements） むらさき色の部分がフィールド要素 フィールド要素は、文字テキスト、イメージ画像、またはその両方を組み合わせたデザインのブロック要素を指します。背景色は、文字テキスト/イメージ画像の背景でない限り、実際にはフィールド要素としては扱いません。 その他にもユニット、要素、親コンテナ（Parent Containers）など別の呼び方もありますが、どれも一緒と考えて構いません。 カラム（Columns） カラム・列は、デザインコンテンツの幅を構成する濃いピンク

2020年7月20日、YAMAPのロゴとビジョンをリニューアルしました。 この記事ではリニューアルの背景やロゴ・ビジョンに込めた意味などを、代表の春山さんに語ってもらいました。 なぜ、今だったのか？ー リニューアルのきっかけは何だったのでしょうか？ きっかけは店舗展開です。今秋、YAMAP STOREのリアル店舗を福岡の新オフィスにオープンします。 YAMAPは登山・アウトドアが領域です。そのため、インターネット空間を飛び出し、リアルな場を持たなければ、「多くの登山・アウトドアユーザーにリーチすること」や「登山・アウトドアの市場自体を拡げること」には限界があると感じていました。 ソフトウェア企業であるYAMAPが、リアルな場づくりの第一弾として店舗をつくる。これは、私たちにとって、大事な一歩です。「これからYAMAPはリアル領域にも展開していくんだ」という意志を込め、ロゴをリニューアルする

突然ですが絵がうまい人ってたくさんいますよね。 SNSなんか見てると、もう全人類が自分より絵が上手いんじゃないかって思えてきて、凹むことさえあります。笑 僕は23歳のド素人として美大に入学したので（うちの学校はポートフォリオ審査や美術スキルのテストは無いので本当に素人でした）、入学時点でのスキルは学校内ではすごく下の方でした。 さて、絵がうまいのはコンセプトアーティストとして働く上で当然大きなアドバンテージになりますが、一番大事なことが「絵がうまいこと」かと聞かれれば、、、どうなんでしょう？ 今回は「絵がうまいこと」よりもっと大切なことがあるぞ、と教わった授業の話です。 絵の天才じゃない人は何で勝負するの？学校が３年目に突入すると、基礎授業が終わり、だんだんとコンセプトアートらしい授業が始まります。そんな中、ある授業で教授がこんな質問をしてきます。 「さて、この中（教室内）に絵の天才はいな

最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ！と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ？と思ってしまう、そんな「これはやめてほしい

にしい｜西井紘輝 @Nishii_dec9 【世が世ならあったかもしれない】 情報をテレビや新聞からしか得られなかった時代に、新型コロナウイルスが流行したら…というお題で作りました。 pic.twitter.com/9cy7b1PaoQ 2020-03-16 23:15:45 忘川河の彼岸 @sophist2016 @Nishii_dec9 BGMや、政府広告の女性ナレーションが、まんま昭和クオリティで笑いました。地方のスポット広報番組ってこんなんでしたよね。 特に昭和50年代。 2020-03-18 09:11:14 にしい｜西井紘輝 @Nishii_dec9 新型コロナウィルスが猛威を振るっていますが、僕にできることは何だろうかと考えました。僕たちは歴史のなかで生きていることを重く受け止めなければなりません。僕なりのやり方でこの事態に向き合い、一刻も早い終息を願います。 #有事に関する

デザイン思考がもてはやされてしばらく経ちましたが、デザイン思考の成功例、何か思い出せますか？仮に思い浮かんだとしたら、その「成功例」は本当にデザイン思考によって生まれたものですか？ 一応最初に断っておきますと、僕は「デザイン思考はゴミだ」と言っているわけではありません。デザイン思考（デザインシンキング）にも向き・不向きがあるのに、その特性を踏まえないまま変なバッターボックスに立たせた企業が大変シュールな状況に陥っていることを、普段デザインで事業成長を支援している身として危惧しているというわけです。マイナスドライバーでプラスのネジを回すのはやっぱり無理があるし、おもしろTwitterおじさんだった人に大統領をやらせたらそりゃみんな怪我するよね、という単純な話です。 著名デザインファームPentagram New Yorkのグラフィックデザイナーであり教育者でもあるNatasha Jenは「D

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

既出だと思いますが、個人的に今年買ってよかったものをランキング形式で発表してみようと思います。 3位　枕草子 かなり話題になっていましたが、清少納言さんのエッセイ「枕草子」は今年読んだ書物の中で群を抜いてよみやすかったです。いとをかし！ｗﾃﾞｭｸｼｗｗ 2位 馬具 今年に入ってからずっと轡の調子が悪かったのですが、思い切って一式を新調しました。摂津国の職人さんがやってるショップでセミオーダーで作ってもらいました。 1位 茶器 美濃の緑釉陶器、ずっと欲しかったのですが、竣工したての清水の舞台で飛び降りるくらいの覚悟で（流行らせたいｗ）ポチりましたｗ茶がうめえｗｗｗ

1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：「神は細部に宿る」コレクション ＞ 個人サイト NEKOPLA Tumblr 限界までJPEG圧縮したい ここに何の変哲もない写真がある まったく同じ写真でも、JPEGの圧縮率を高めるとこうなる。一枚目の写真と比較して、容量は約2/3にまで圧縮できた。スマホで見ると違いが分からないかもしれないので拡大してみると、 汚いノイズが目立っている JPEGという画像圧縮の規格がある。人間の目には感じにくい情報を削ることで、画質をほとんど変えずにファイル容量を小さくする技術である。 当然ながら、画質と容量はトレードオフの関係にある。高画質を維持すればするほど容量は減らないし、逆に画質劣化を

ABEJA Advent Calendarの1日目です。 はじめに 昨年はABEJA Platformに関するAdvent Calendarでしたが、今年はプラットフォームに限らず幅広い技術を扱おう、ということで縛りを作らずに様々な技術を紹介していきます。 さて、皆さん、社内でのコミュニケーションツールは何をお使いでしょうか。色々なツールがあると思いますが、Slackを使っている所が多いのではないかと思います。Slackはとても良いツールなのですが、使いこなす会社側にその運用ルールが委ねられています。中でも、DMやプライベートチャンネルでの秘密の会話による情報格差などが発生することが問題になり、オープンチャンネルに限定している会社も多いのではないでしょうか。しかしながら、オープンに会話をすれば、皆が平等かつ平和に会話ができるか？というと、全くそんなことはありません。オープンにすると下記のよ

小林市は、おいしい肉を育てています。 でも、そのおいしさを伝える、 誰でも使えるお肉の画像が無い…。 そこで誕生。 100%小林産黒毛和牛使用、プロ撮影！ 「お肉のフリー素材サイト」です。 小林市の畜産農家さん、お肉屋さん、 和牛を育てる高校生だけでなく、 世界中の誰でも無料で使用できます。 みんなが使えば、社会全体の 肉画像レベルはきっと上がる。 世界が少しだけ、 幸せになると信じています。 oniku movie 国民総YouTuber社会も、そう遠くない… 時代に追いつくため、oniku imagesも フリー肉動画素材をご用意しました。 動画作品に香ばしさを加えたい時にどうぞ。