日本のウェブデザインの特異な事例
sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人
適当に描いた図形が「ネコ」へ自動変換される「edges2cats」
適当な落書きから写真のような画像に変換してくれる「pix2pix」というアルゴリズムとGoogleのオープンソースの機械学習ライブラリ「Tensorflow」をもとに開発された、一筆書きのようなラフな図形でも猫画像に自動変換してくれるツールが「edges2cats」です。簡単にかわいい猫画像が作れるようになったのかと思いきや、悪夢画像を生成するGoogleの人工知能「DeepDream」を使ったかのような猫画像が大量生産されています。 Image-to-Image Demo - Affine Layer http://affinelayer.com/pixsrv/index.html edges2catsで落書きを猫画像に変換するサンプルがコレ。2000枚の猫画像を使って機械学習させており、かなりの精度で猫画像が生成されるように見えます。 ……が、しかし、これは描き手の画力にかなり左右され
黒い背景と白い背景で、色まで変わる画像 – Taro is here!
白い背景と黒い背景で別の絵に変わる画像を作りましたが、これをカラーでやるのは無理だと思っていました。 ですが、がんばればできることが分かりました。 ニコニコ動画版 その画像がこちらです。 こちらの画像をクリックすると大きい画像が表示されるので、そちらを保存してください。 先ほどの動画のように、iPhoneのカメラロールで表示するか、PC上でPowerPointやExcelに挿入してやると、よくわかります。 Twitterに投稿すれば、色まで変わる「クリック推奨画像」になります。 (再)今までカラーの「クリック推奨画像」を作った人はいただろうか？ なぜ黄色が青や赤に変わるのか、作った自分でも不思議。 (PCの公式クライアントでないと多分見えません)https://t.co/VCBdJRtDjo pic.twitter.com/AFUVte0r1O — Yusuke Ochiai (@taro
おいしいコーヒーが飲みたい一心で15年間かけ作られた長時間適温で飲み物を保温してくれるサーモマグ「Temperfect mugs」
寒い冬に、「温かい飲み物を飲もう」と淹れたてのコーヒーをマグカップに注ぎ、一口飲んでみたものの熱すぎて飲めたものではないのでしばらく放置。そろそろ飲めるかな、と思ってカップを手に取ってみると冷やっとした感触が肌を伝わってきて、「まさか！？」と思いながらコーヒーを口にすると、もはや熱々だった頃の面影もないひんやりとしたコーヒーがカップの中に……という経験をしたことがある人も多いはず。そんな時に役立つのが、温かい飲み物を長時間適温のままキープしてくれるサーモマグカップ「Temperfect mugs」です。 Joeveo drinkware | Temperfect mugs http://joeveo.com/ このTemperfect mugsを開発したのは、せっかく淹れたコーヒーが熱すぎたり冷たすぎたりで適温の状態で楽しめないことに大きなイライラを抱えていたDean Verhoevenさ
【画像あり】世界一ダサいアルバムジャケット選手権 : 暇人＼(^o^)／速報
【画像あり】世界一ダサいアルバムジャケット選手権 Tweet 1：風吹けば名無し：2013/11/05(火) 00:23:13.23 ID:/YyYU6y5 3：風吹けば名無し：2013/11/05(火) 00:24:09.15 ID:P8zTuflX >>1で出てた 19：風吹けば名無し：2013/11/05(火) 00:28:24.39 ID:2G4nq/W6 >>1 これしか思いつかない 4：風吹けば名無し：2013/11/05(火) 00:24:35.64 ID:sfi1uhSo 草不可避 8：風吹けば名無し：2013/11/05(火) 00:25:20.34 ID:gGvu6EQ5 イングウェイならギターで竜を攻撃してる奴がいい 12：風吹けば名無し：2013/11/05(火) 00:27:02.05 ID:UViSWwsu ワイはこっち 13：風吹けば名無し：2013/11/0
日本を代表するグラフィックデザイナー、永井一正のポスター集（画像32枚） : ひろぶろ
2010年11月09日00:45 画像ネタアート・デザイン 日本を代表するグラフィックデザイナー、永井一正のポスター集（画像32枚） 動物やパターンを利用したポスターが特徴的で、第一回モスクワ国際ポスタートリエンナーレグランプリ/紫綬褒章/芸術選奨文部大臣賞/第11回ブルノ国際グラフィックビエンナーレグランプリ‥等々国内外で多数の受賞歴を持つ永井一正さんのポスター。 Tweet 動画や画像が消えていて見られない際は、こちらの記事にご連絡頂ければ出来る限り対応致します。 後楽園ジャンボプール（1973） 『ライフサイエンスライブラリー』 生長の話（1966） 東芝「コンピュートピア紀元一年」（1967） 『ライフサイエンスライブラリー』 心の話（1965） 沖縄国際海洋博覧会（1975） 『ライフサイエンスライブラリー』 細胞（1966） ウインドウ5展（1969） プリン
物理学を応用した楽しい描画ツール『Kinetic Sketch』(動画) | WIRED VISION
前の記事 極限環境で生きる微生物7選：画像ギャラリー 1498年の大発明「歯ブラシ」：歯磨きの歴史 次の記事 物理学を応用した楽しい描画ツール『Kinetic Sketch』(動画) 2009年7月 9日 Matt Blum 無料のオンライン芸術ツールや無料のオンライン物理学シミュレーションはたくさんあるが、この2つの要素を兼ね備えたオンラインツールは非常に少ない。『Kinetic Sketch』と同程度の性能のツールとなると、さらに少なくなる。 6月下旬に開設されたKinetic Sketchでは、大いに楽しみながら、実に興味深い魅力的なアートを制作できる描画ツールを提供している。 ユーザーが選んだパレットにある色を使って、さまざまな形を作り出せる(『Flickr』の写真をベースにすることもできる)。そして、作り出した形同士の相互作用をコントロールすることが可能だ。重力を調整したり(重力
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
Free logo Maker - Supalogo.com
Save here easily, the logo(only visible to yourself) you made and access to them later, on your next visit, you will be able to re-edit... NO DESIGN FOUND ... 1You need to enter a text into the input first.Then select options. 2Make a font choice into the list, and choose an effect (No, Outline Or Shadow). 3Choose a logo size (from 5 to 100px) in pixels. 4Choose an effect from the list : Gradient
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
商用サイトでもフリーで利用できる木のシルエットのベクター素材
Vector Trees Silhouettes ベクター素材はPhotoshopのカスタムシェイプとなっており、50以上の木のシルエットのパターンがあります。
新規保存で劣化していくJPEG形式の画像の様子をとらえたムービー
JPEG形式の画像は基本的に非可逆圧縮で、保存するたびに劣化してしまいます。1度や2度の保存では違いが分かりにくいのですが、保存を繰り返すことですぐに分かるほどに劣化していきます。そんな少しずつ圧縮されて劣化する画像の様子がムービーでまとめられていたのでご紹介します。 詳細は以下から。 新規保存を600回繰り返して劣化していく20秒のムービー。 GENERATION LOSS | HADTO.NET 4秒(約120回)付近で明らかな違いが出ています。 10秒(約300回)付近。粒状感たっぷり。 もう空には見えません。 最終的にはテレビの砂嵐のような画像になっています。 2009/04/19 22:04追記 これは単純に同じ圧縮率でJPEG保存を繰り返しているのではなく、少しずつ圧縮率を上昇させていって保存した画像をつなげたムービー。プログラムのコードの中身としては、MAPクラスとJPEGの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
巨大立方体を50万人が破壊していくゲーム
中国のポカリはんぱねぇ
ロイヤリティフリーの写真画像を簡単に探すことができる -Cyclo.ps.
http://kanasoku.blog82.fc2.com/blog-entry-10800.html
スペースコロニー内部のような地図
スクロールすると変化しながらついてくる画像 | SIMPLE*SIMPLE
