スタバの紙袋には日本で2社くらいしか印刷できない最高峰の技術が詰め込まれている「デザイナーの知見と技術者両方擦り合わせないと作れないレベル」Kazuki Goshima / 🔥☕️🍛🥧🍪🥯🍫🍰 / おいしさの次へ☕ @KazukiGoshima 日本で2社位しか印刷できない最高峰の技術が詰め込まれています。デザイナーさんで印刷伴う方は必見です。これフレキソ印刷ですよ。デザイナーの知見と技術者両方擦り合わせないと作れないレベルです。 pic.twitter.com/lBhoBVt4M7 2024-02-22 09:25:03
イッタラで今何が起きているのか - La La Finland
2024年2月5日、フィンランドの老舗ガラスメーカーイッタラが新しく生まれ変わることを発表したのですが、これがフィンランド中で大きな議論を巻き起こしています。 わたしも思うところがたくさんあったので、いったい今何が起きているのか整理して、なるべく中立的な目線からブログを書いてみようと思いました。 まず何が新しくなったのかは、大きく分けて3つと言えると思います。 ロゴ カラー コンセプト 加えて、SNSの過去の投稿は全て消し去られてしまいました。 ひとつひとつ、詳しくみていきましょう。 1. ロゴ Iittala Facebookより引用 Finnish Design Shopより引用 最もわかりやすいのが、そのロゴ。 1956年にティモ・サルパネヴァがデザインしたこのあまりに有名なロゴ（左）は、吹きガラス職人が使う吹き竿と、竿の先の熟せられたガラスの玉をイメージしたものです。 およそ70年
CSSの進化がすごすぎる！ 2つの画像を比較するスライダーは数行のコードで実装できるようになりました
2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。 まずは、実際の動作をデモページでご覧ください。縦線のレンジバーをマウスでドラッグすると、2つの画像を比較できます。 See the Pen Easy comparison slider by coliss (@coliss) on CodePen. HTMLはシンプルです。2つの画像をsectionで内包し、縦線のレンジバーをinput type="range"で実装します。 <div class="compare"> <section class="before"> <img src="Runner.svg" a
旅客機の２段式シートの座り心地は？ ＣＮＮ記者が体験
レハンドロ・ヌニェス・ビセンテ氏は２段式の航空機の座席が低予算の空の旅に革命を起こすと考えている/Francesca Street/CNN ハンブルク（ＣＮＮ） たいていの場合、エコノミーシートでの長時間のフライトは楽しむものというよりは耐えるものだ。だが、とある機内シートのデザイナーは、自分のデザインで低予算のフライトに改革を起こすことができると考えている。 アレハンドロ・ヌニェス・ビセンテ氏のシェーズロング（長椅子型）機内シートのコンセプトは、２１歳大学生のプロジェクトとして２０２１年こじんまりと始まった。その後まもなく航空業界のトップの賞の一つであるクリスタル・キャビン・アワード２１年度にノミネートされ、ＣＮＮ Ｔｒａｖｅｌの記事で紹介したところ、インターネットで注目の的となった。 以来、ヌニェス・ビセンテ氏の提案は航空業界で話題を呼んでいる。本腰を入れてプロジェクトに取り組むために
ボヘカラ on Twitter: "日本のパワポ資料が、世界一アグレッシブに醜いという議論が盛り上がってる。間違いない。美術や図工の時間の3割位、デザインの基礎教えないと国力を損なう。 僕も誰にも教わった事がなく、一時期フラットデザインに寄せる為に、何冊かデザイナー… https://t.co/F5zCTGAWT9"
日本のパワポ資料が、世界一アグレッシブに醜いという議論が盛り上がってる。間違いない。美術や図工の時間の3割位、デザインの基礎教えないと国力を損なう。 僕も誰にも教わった事がなく、一時期フラットデザインに寄せる為に、何冊かデザイナー… https://t.co/F5zCTGAWT9
Engadget | Technology News & Reviews
OpenAI co-founder and Chief Scientist Ilya Sutskever is leaving the company
CSSの「calc()関数」を使うとすごく便利に！レスポンシブ対応のレイアウトで高さを最適化するテクニック | コリス
レスポンシブ対応のレイアウトを実装する際に手間なのは、ブレイクポイントの定義です。ここ1,2年でもたくさんのデバイスがリリースされ、それに伴いスクリーンサイズの種類も増えてきました。 そんな時に便利なのがCSSの「calc()関数」を使ったテクニック。 calc()を使用して、デスクトップやタブレットやスマホのそれぞれに最適なレイアウトを実装するテクニックを紹介します。 Use calc() to Change the Height of a Hero Component 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 calc()を使ったフォントサイズの可変 paddingとline-heightの場合 ヒーローコンポーネントの場合 calc()を使ったヒーローコンポーネントの実装 calc()のサポートブラウザ 最後に ca
これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
デザインはエンジニアリングだ−−THE GUILD深津氏が語る「デザインを考えるために必要なメソッドとプロトタイピング」 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
アプリ開発のために、UIやUXといったデザインを考えなければいけない。そのためには、正しいメソッドをもとにデザインすることが求められる。THE GUILDの深津貴之氏は、QuadCameraやミニチュア風写真が撮れるTiltShiftGenの作者で、iPhoneアプリを中心としたUIデザイナーだ。 同氏がMOVIDA SCHOOLで語った「デザインを考えるために必要なメソッドとプロトタイピング」についてまとめた。 デザインの本質は「設計」 デザインは、表面的なものをキレイにすることではない。デザインの語源は「設計」であり、ものを整理したり整頓したりすることだ。目的を提案したり課題を解決したりすることが大きな方向性といえる。そのための手段として、ユーザ体験を考えるUXデザインや操作性としてのUIデザイン、情報をわかりやすく伝えるための情報デザインなどがある。 デザインは、センスではなくエンジ
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
Shunter.jp - 楽天のトップページを内容を変えずに、外観だけ変えてどれだけ見やすくなるか試してみました。
フルサイズ 変更前 まえがき なんで楽天？？ すみません、何かのご縁だと思いますが、セミナーを受けていたら調度思いついた感じです。 先日データサイエンスの始め方・データ分析のデザインパターンというセミナーに参加してきました。 その中で一番私の印象に残ったのが、最後のプレゼンテーションで「楽天」のサイトのデザインについてでした。 内容は簡単に言うと、『「おもてなし」をしましょう。そのためにユーザの感情をデータからモデル化することを目指す！』という話だったと認識しています。 「おもてなし」という考え方は、とても共感しました。ユーザにとっていい物をという思想は常に持っていたい所存です。 当該プレゼンテーションの中では、ホテルのバスタオルの再利用を促すための張り紙を１つの例として扱い 、ユーザとの接し方を変える事でユーザの行動が大きく変わる事をこのことを説明されていました。 この話での、具体的な比
お洒落を目指して、使いづらくなるサイトが多い件。 : ひろゆき＠オープンSNS
【教えてくん】コミュニティーなのです。 なんかニュースとかあったらここに書こうかと思ってますよ。とりあえず、おいらのブログ お洒落を目指して、使いづらくなるサイトが多い件。 : ひろゆき＠オープンSNS ひろゆき＠オープンSNS (ひろゆき＠オープンSNS) 投稿者, @ 2013-01-10 10:57:00 お洒落を目指して、使いづらくなるサイトが多い件。 はてなブックマークという、ソーシャルブックマークサイトのデザインが変わりました。 http://b.hatena.ne.jp/ なにやら、最近、サイトをお洒落にするってのが流行ってるみたいなんですよね。 iPhoneやらのappleがやってるデザインが流行のきっかけだと思うんですが、シンプルなので、使い方が直感的にわかり使いやすいので、説明が無くても使えるし、しかもお洒落と、デザインを考える人達から憧れられてるようです。 んで、はて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Open AI Images
【デザイン】エレベーターの開閉ボタンはよく押し間違えられる「言葉を使用せずに押し間違えを無くす方法を考えよ」
Colorbase
商用利用無料の魔法陣のフリー素材！ クリックするだけで、魔法陣を無限に生成できるジェネレーター -daisy bell
三井住友カード、クレカのデザイン刷新 カード情報を裏面に集約、盗み見防止
Adobe MAX2018 変態テクノロジーまとめ by fladdict - Togetter
Illustratorで作図した円は歪んでる、という事を説明する図が話題に