配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
最終更新: 2018年4月14日 皆様こんにちは！最近WP-Eメンバーに本名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllustratorとの連携機能があるので便利です。(Adobe Creative CloudのアカウントIDが必要となります) 「Explore」のページでは、様々なカラーパターンを見ることができ、気に入ったものを登録したり編集したりすることができます。登録したカラーパターンはPhotoshopやIllustratorにも反映されます。 Color Hexa Colo
Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。 Cross-browser CSS gradient buttons デモページ [ad#ad-2] ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。 ホバー時のキャプチャ 実装のポイント スケラｰビリティ 文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小 アジャスタビリティ padding, font-sizeを変更することでサイズ調整可能 フレキシビリティ あらゆるHTML要素に適用可能 コンパチビリティ 主要ブラウザに優雅なグラデーションを提供 ユーザビリティ ノーマル時、ホバー時、アクティブ時を用
H(uman-friendly) な grep コマンド hgrep をつくりました． github.com '\w+ で検索した時の出力 ファイルを特定のパターンで検索し，マッチした箇所を構文ハイライトしたコード片で表示します．超ざっくり言うと，ripgrep で検索して bat でマッチ箇所付近を表示するような感じです． grep -C によるコンテキスト表示に似ていますが，マッチ行が近い時は1つのコード片にまとめる，周囲何行を表示するかをヒューリスティックに少し賢く決めているなど，ちょっと出力は工夫しています． 動機 手元のリポジトリでコードを検索する時は 単純に grep で検索してマッチ結果を眺める grep | fzf のように検索結果を fzf で絞り込んだりプレビューする vim $(grep -l ...) のように検索結果をエディタで開く あたりを使い分けているのですが
「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。 今年の５月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。 以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションなどを経験してきました。 PM業の傍ら、社内のデザイナーとエンジニアの受け渡し部分の改善に取り組みました。その検討過程について紹介します。 要件定義・UIデザイン・開発間のワークフロー改善もともとFilmarks内ではディレクターがGoogleスライドなどで要件資料とGithub Issueをつくり、 デザイナーがSketchでUIをつくりZeplinで書き出したURLをエンジニアに受け渡し、エンジニ
こんにちは。『NieR:Automata』で UI (ユーザーインターフェイス) とメカデザインを担当した木嶋です。開発ブログを書くのは『ベヨネッタ2』以来になります。(以前書いた記事) 普段あまり注目されないUIですが、ありがたいことにユーザーの方々からの要望があり、当記事を執筆することになりました。UIにもヨコオさんのこだわりがたくさん詰まっているので、その一部も併せて紹介していこうと思います。 ■はじめに：UIアーティストの仕事 UIアーティストは、体力ゲージや会話ウインドウ、各種メニュー画面などゲーム内表示物を作っています。 大まかな仕事の流れはこんな感じです。 1：UIのコンセプトデザイン策定 2：仕様に合わせて各メニュー画面や表示物のデザインを量産 3：UIのゲームデータを作成してプログラマーに実装してもらう 4：動くUIを触ってみてアニメーションなどの調整、クオリティアップ
MacbookにiPhoneも！Apple社のかっこいい無料モックアップ素材10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。モックアップ素材って便利ですよね。 制作の素材としてはもちろん、デザインをはめてイメージを固めたり、プレゼン用資料に使えば短時間で質の高い資料を作ったりできちゃいます。 ということで今回は、そのままでもかっこいいアップル製品のモックアップ素材をまとめました。 Apple Responsive Screen MockUps Apple Responsive Screen MockUps 洗練された印象を受ける、リアルなモックアップです。レスポンシブデザインに最適なデバイスが揃っています。iMac、MacBook Pro、MacBook Air、iPad、iPhoneの4デバイスをダウンロードできます。 Free Apple devices mockup Free Apple devices mockup ※現在このページは表示できません。 こちらもリアルな
暑いのが苦手なので、真夏になる前から早くも秋がくることを願っている今日この頃です。秋のデザインやファッションに取り入れてみたい素敵なカラーをPantoneから紹介します。 Pantone® Fashion Color Report Fall 2015 Pantoneがセレクトした2015年秋にオススメのカラーは、10色。 2015年のトレンドカラー「Marsala（マルサラ）」をはじめ、落ち着いた素敵なカラーが揃っています。 ※各カラーのリンクはカラーのアートワークページです。
ジェラート ピケが『Pokémon Sleep（ポケモンスリープ）』と初のコラボレーション！全47アイテムを発売！＜9月28日(木)正午発売＞
ジェラート ピケが『Pokémon Sleep（ポケモンスリープ）』と初のコラボレーション！全47アイテムを発売！＜9月28日(木)正午発売＞9月28日(木)正午より販売開始！カビゴンやピカチュウ、プリンになりきれるセットアップも登場！レディースサイズに加えメンズ、キッズ＆ベビー、ジュニアサイズもラインアップ。 株式会社マッシュスタイルラボ（所在地:東京都千代田区/代表取締役社長:近藤広幸）が展開するルームウェアブランド「ジェラート ピケ」は、睡眠ゲームアプリ『Pokémon Sleep（ポケモンスリープ）』のデザインを取り入れたルームウェアやグッズ全47アイテムを2023年9月28日(木)より、gelato pique 全国直営店、公式オンラインストア、ECデパートメントストア「USAGI ONLINE」およびポケモンセンターにて発売いたします。※1 また特設ページを、2023年9月13
画像は使用せずに、繊細なパターンとグラデーションで美しいボタンをスタイルし、サイズやカラーなどさまざまなバリエーションを簡単に利用できるように実装するスタイルシートのチュートリアルを紹介します。 ベースとなるボタン HTML マークアップは非常にシンプルです。 <a href="" class="button">Button</a> または、button要素でも構いません。 <button class="button">Button</button> CSS CSS3を使って、ちょっとリッチにスタイルしてみましょう。 .button{ display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow
荒い写真の空白を埋める数学の魔法｢compressed sensing｣！（動画あり）2010.03.08 23:005,419 satomi ｢もっとズームしてくれ...そうそこだ...そいつの顔をもっとエンハンスしてくれないか...｣と頼むと技師がカチャカチャやって容疑者Aの顔がクッキリ―というドラマでお馴染みのシーンが現実に！ これを可能にしたのはスタンフォード大学エマニュエル・キャンデス（Emmanuel Candes）教授とUCLAテレンス・タオ（Terence Tao）教授が開発した｢compressed sensing（CS）｣という技法です。 映画のフェイクUIとは別物。このオバマの写真みたいに、低画素のざらざらなイメージ（左）も高画素のきれいなイメージ（右）に加工できるんですよ。 主に研究目的で開発されたもので、例えばMRIスキャンもデータを丸々じゃなく、少量だけスキャン
Posted: 2011.06.15 / Category: HTML&CSS / Tag: CSS3, アニメーション css3はアニメーションもできてしまうわけですが、ここではわりと簡単につくれるマウスオーバーアニメーションをご紹介いたします。 Chrome、Firefoxで動作確認しております。 css3マウスオーバーアニメーションの基本 マウスオーバーアニメーションの前に通常のマウスオーバーをみてみましょう。 たとえばリンクの文字色をマウスオーバーしたときに変更したい場合はhover疑似クラスでcolorを指定しますよね。 css a { color: #3399FF; } a:hover { color: #FF6600; } これをアニメーションさせるには「transition」というプロパティを追加します。 transition: プロパティ名 時間 アニメーション方法 ;
簡単に試せるテスト画像付き 普段から何気なく使っている液晶ディスプレイの表示品質を、きちんと確かめてみたことはあるだろうか? テストパターンなどを使ってチェックしてみると、普段気付かなかった表示品質の問題点に気付くことも少なくない。今回は液晶ディスプレイの表示品質を評価するための基本的なポイントと、誰でも手軽に試せる方法を紹介しよう。 下記の記事は2010年4月22日に「"画質の差"が丸わかり!--液晶ディスプレイの表示チェックをしてみよう」(ITmedia)に掲載されたものです。 今このページを見ている液晶ディスプレイ、画質は大丈夫?… まずは簡単なクイズにお付き合いいただきたい。以下に3つの正方形が並んだ画像データを掲載したが、それぞれの正方形の中にはちょっと見分けがつきにくい 薄さで1文字ずつ、合計3文字が書かれている。左から読んでいくと1つの単語になるのだが、どのような単語が隠れて
デザインやファッションに取り入れたい、2009年 秋のトレンドカラー
PANTONE color formulas -fall 2009 サイトでは各カラーのファッションも楽しめるPDFファイルをダウンロードできます。
Martha Stewartからウエディング・結婚式の衣装・会場・食卓・グッズなどの華やかで清楚なカラーコーディネイトを紹介します。 Plan Your Wedding by Color Martha Stewartではウェディング用のカラー別コーディネイトがまとめられており、各カラーの写真からカラーを抽出してみました。 各カラーは下記の写真以外にもインスピレーションを刺激する写真が数多く掲載されています。 まずは、定番のホワイトからご紹介。
暑いのが苦手なので、秋がくるのが待ち遠しいのですが、身の回りなどにちょっと秋のエッセンスを加えてみたいなという秋のムードを表現した素敵なカラーをPANTONEから紹介します。 Pantone Fashion Color Report Fall 2013 Pantoneがセレクトしたこの秋を楽しむ素敵なカラーは、10色。 今回は各色の紹介とともに、Pantoneのデザイナーがオススメする組み合わせたいカラーも加えてみました。 まずは、2013年のトレンドカラーでもあるエメラルドから。 ※各カラーのリンク先は各カラーのアートワークとデザイナーの紹介ページです。
モノポリーの数学的考察
「モノポリーにものすごく強くなる本」原稿 1990/9/20 ビジネス・アスキー アスキー・ボードゲーム・アソシエイション編 大森田不可止著 目次 はじめに サイコロの話 サイコロの確率 モノポリーでの進み方 ボード上での確率 カードの関与 ボード上の確率 収入の期待値 それぞれのカラーグループの特徴 シミュレーション 実際のゲームの序盤をシミュレートする シミュレーション結果 モノポリーの財務 交渉 ゲームの理論 効用理論 実際の交渉 交渉のテクニック 経営戦略 本の文章は、加川良（田中パンチ）さんのリライトが入って、文体が変えられてしまいました。加川さんの上司が、「論文なんだから、ですます調はいけない」と言ったからですが、さすがにリライトされて読みやすくなっています。この文章は、リライトされる以前の文章です。 「いただきストリート」(ファミコン版)作成前にモノポリーを分析した下敷き
この記事では、デザインシステムを作成するときの基本ガイドをまとめています。 この記事は3つのパートで構成されています。 デザインシステムを理解する（デザインシステムとは何か、いつ作るべきか？） デザインシステムの作成（作成プロセスとやっておきたい項目） デザインシステムの具体的なサンプル例（デザイナーとデベロッパー、それぞれの観点より） デザインシステム追加の検討事項（その他のコンセプトや参考文献など） *この記事では、Webサイトやアプリ、オンラインサービスなどを表す包括的な用語として、「プロダクト（Product）」という言葉を使用しています。 この記事のコンセプトをイラスト化するために作成した、デザインシステムを公開しています。ご自由にお使いください。 Basic Design System – Figmaファイル デザインシステムを理解しよう デザインシステムとは？ デザインシステ
任天堂は、携帯型ゲーム機「ニンテンドー2DS」を来年2月27日に発売する。「ニンテンドー3DS」のソフトを遊ぶことができるが、3D表示機能を省いて価格を抑えているのが特徴だ。ゲームボーイ版初代「ポケットモンスター」ソフトが付属するパックを9980円（税別）で販売する。 ニンテンドー2DSは2013年、海外市場向け3DSのてこ入れとして欧米で発売していた。現行機種「ニンテンドー3DS」の売りの1つである裸眼立体視機能を省いた廉価版で、折りたたみ機構をやめて上下2画面を持つ一体型デザインを採用しているのも特徴だ。 スピーカーはモノラル（ヘッドフォンはステレオ対応）。スリープモードにするには本体下部のスリープスイッチを使う必要がある。無線LAN通信機能、カメラ（前面／背面）なども備えている。 本体サイズは127（縦）×144（横）×20.3（厚さ）ミリ、重さ約260グラム。上画面は3.53インチ
契約事務手数料3300円無料キャンペーン実施中！1GBプランは月額770円、5GBプランは月額990円から利用可能！ドコモ回線/au回線/ソフトバンク回線が選べるSIMカード/eSIMどちらも契約可能基本データ容量で選ぶ｢マイピタ｣、通信速度で選ぶ｢マイそく｣が選べる※SIMカード発行手数料/eSIMプロファイル発行料440円は必要 ※お試し200MBコース、マイそくスーパーライトを申し込みの場合は適用対象外 WD Blue, Red, Black, Purple, Goldのそれぞれの特徴ウエスタン・デジタルのHDDでは、ユーザーの用途に分けたカラーラインナップが設定されています。 WD Blueの特徴 あらゆる用途に最適な万能モデル回転数7200rpmが元々存在しているWD Blueです回転数5400rpmが旧WD Greenの現WD Blueです3.5インチHDDは｢Desktop
【ハウツー】プロクリエイターがこっそり教えるPhotoshopの極上Tips集(中級編) (1) 焼き込んで夜景にする→チャンネルミキサーでライトアップする | クリエイティブ | マイコミジャーナル
「Photoshop」のTipsは覚えれば覚えるほどに応用が利いてくるというもの。一見、難しそうに思える表現も、方法さえ身につけてしまえば「使えるワザ」として蓄積されていきます。初級編、中級編、上級編の3回にわけてお送りするPhotoshopを使った表現方法。今回お届けするのは書籍『プロがこっそり教えるPhotoshop極上テクニック』(橋本篤生著/弊社刊)より、中級編「何気ない風景を美しい夜景に」する表現です。前回の初級編から一歩進んだテクニックを身につけてみましょう。なお、画像とテキストは本書より抜粋、すべての画像はクリックすると拡大画像が見られます。 「Photoshop CS4」、「Photoshop Elements 7」体験版ダウンロードはこちらから 「Adobe CS4」ご購入はこちらから 中級編--「何気ない風景を美しい夜景に」する方法 元の画像 完成した画像 シンプルな処
というわけで、前回の続きです。 （前回↓） 前回はシリーズ別及び41人の平均顔を出しましたが （↓プリキュア４１人の平均顔） 今回は、 カラー別のプリキュアの平均顔です。 （調査方法などは前回同様です。) 要は前回予告した、 「黄色キュアは全員集まっても、やっぱりあざといのか？」を検証します。 (この場合の「あざとい」は、いわゆるネットスラング上の「あざとい」です。 すごくいい意味ですよ。) で、早速ですが結果です。 各カラー毎のプリキュア*1を集めました。 今回は「プリキュア5」基準の色分けで行いました。*2 ＜ピンクキュア 10人＞ なんというかやっぱり、主人公顔ですね。 ピンクっぽい活発さが感じられます。 ＜青キュア ８人＞ 青キュア*3全員集合で、理知的な感じがでました。 青キュアの中には数名理知的とは程遠そうなキャラもいますが、 平均すれば紛れたようで何よりです。 この辺りの処世
たった一つのdiv要素を使うだけで、お気に入りのカラースウォッチのコレクションページを作成できるjQueryのプラグインを紹介します。 ホバーでコード表示 Swatchesの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル スタイルシートはhead内に、スクリプトを</body>の上に配置します。 <head> <link href="css/swatches.css" rel="stylesheet"> </head> <body> ... ... <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript" src="jquery.swatches.js"></
デザインをする上で人への印象を左右する「色」の選択は非常に重要ですが、自分の想像の範囲を超えた色の組み合わせを見つけるのは難しいもの。Twitterボットの「@colorschemer」はランダムに色と言葉を組み合わせてカラーパレットを投稿しており、ボットゆえに人が想像しなかった組み合わせを生み出しています。そんな@colorschemerの特に印象的なカラーパレットを色別に探索することができる「colors.lol」が公開中です。 colors.lol - Overly descriptive color palettes https://colors.lol/ 「colors.lol」にアクセスするとこんな感じ。トップページにはさまざまな色の組み合わせがランダムに表示されています。 「desiccant sunflower」(乾燥剤のひまわり)、「fibrillar pinkish o
[レポート] デザインシステムにおけるフロントエンド #linedevday_report | DevelopersIO
オハコンバンニチワ CX事業本部の清田です。 LINE DEVELOPER DAY 2019 の DAY2 に参加してきましたー。自分の中で注目している DesignSystem についてとりあげている 「 デザインシステムにおけるフロントエンド 」セッションがあったので参加しつつレポートをご紹介できればと思います。 概要 2019年11月20日（水）・21日（木）にグランドニッコー東京 台場でLINEのデベロッパーカンファレンス「LINE DEVELOPER DAY 2019」が開催されました。 タイトル デザインシステムにおけるフロントエンド [Front-End in Design System] スピーカー 岡崎 晶彦 氏 [LINE Front-end Standardizationチーム Front-end Engineer] セッション概要 LINEは、クライアントアプリ/W
![[レポート] デザインシステムにおけるフロントエンド #linedevday_report | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cce94c90ddc76c1ea7c6bf4be9e744090746ae41/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F11%2Flinedevday20191.png)
素敵すぎます！！蝶が隠れたカップ＆ソーサのセット。柄のデザインも美しい。ティータイムが楽しいおすすめキッチン雑貨。 : インテリア雑貨の伊勢海老太郎ブログ
インテリア雑貨の伊勢海老太郎ブログ インテリア、家具(椅子、テーブル、棚、照明)、雑貨、文房具、玩具、Apple、iPhone、アート情報などをまとめたブログです。伊勢海老太郎が書いています。 どうも、かわいいキッチン雑貨が大好きな伊勢海老太郎(@iseebitaroublog)です。ネットでかわいいキッチン雑貨を探しては、ブログで紹介しています。早速ですが、かわいいカップを見つけたので紹介します。素敵な仕掛けがあるかわいいカップ＆ソーサです。画像をご覧頂ければ一目瞭然なのですが、なんとカップを持ち上げると美しいチ蝶が隠れているんです。素敵なサプライズを演出できるんです。大切なお客さんに、このカップ＆ソーサで珈琲や紅茶を振る舞って幸せな気分を味わって貰いたいですね。 カラーが3種類あります。それぞれカップ＆ソーサの模様が違います。こちらのカップは黄色です。 真上からの画像です。菊の花みたい
1月末にWindows Vistaが発売され、すでに1カ月以上が経過した。豊富な機能の追加が行なわれているにもかかわらず、基本的な部分での改善が感じられないという意見が多いが(筆者自身もそう評価している部分が少なくない)、いくつかの点では明確に改善されているところがある。 そのうちのひとつが、より優れたカラーマネージメントシステム「Windows Color System」(WCS)をはじめとする、カラーイメージング機能である。WCSはキヤノンのKyuanos(キュアノス)の一部を実装したものと言われているが、ほかにも変更点は多数ある。 Windowsのグラフィックシステムは、ICCプロファイルへの対応を行なった以外は、Windows 3.0の頃からさほど大幅な変更を受けていなかったが、Vistaでは大手術とも言える機能アップが図られており、それはディスプレイ表示、印刷、カラー管理など、さ
田代まさし - Wikipedia
田代 まさし（たしろ まさし、1956年〈昭和31年〉8月31日[2] - ）は、日本の元歌手、元タレント、元コメディアン、元司会者、元映画監督、元作詞家、YouTuber。シャネルズ→ラッツ&スターのメンバー[3]。 来歴 1990年代まで デビューまで 母の故郷である佐賀県に生まれるが、出生後まもなくキャバレーのチェーン店を経営していた父親がほかの女性のもとへ走り、両親は離婚した。田代は母親に引き取られ、中学時代まで母親のもとで育った。母親は"夜の仕事"をしながら田代を育て、母親が留守の間は大家に預けられていた。ミッション系の幼稚園に入園し、その後小学校入学直前に東京都新宿区へ転居した。転居先の百人町でも母親との二人暮らしをする。 田代が13歳の時、母親が再婚した。その後、間もなく母親の元を離れ、父親や父親の再婚相手である女性と一緒に住むこととなったが、その生活になじめず素行不良が目立
異なるウェブページをテストするA/Bテストです。リダイレクトテストでは、URLやパスを指定し、リンク先をテストすることができます。 上記の例では、www.example.com、new.example.comどちらに配信したほうが優れているかテストします。 ■テストパターンの例 構成やデザインが異なるLPを比較する為のテスト 多変量テスト（MVT） 多変量テストは複数の要素を変更した場合に、どの組み合わせが最良か判断するテストです。 上記の例では、見出しをH1・H2の2パターン、画像をA・B・Cの3パターン、合計6パターンでどの組み合わせパターンが優勢かをテストできます。何回もA/Bテストする必要がなく、より短時間で多くの要素をテストすることが可能です。ただし、パターンが多くなると、各パターンに対して割り当てられるトラフィックが少なくなるため、結果を得るまでに時間がかかる可能性もありますの
2018年秋から、「LINE Pay」が「QUICPay」に対応する。店舗がコード決済を導入しやすくするための施策も発表。レジ機能とコミュニケーション機能を搭載した「LINE Pay 店舗用」アプリを6月28日から提供する。 LINEは6月28日、決済サービス「LINE Pay」が「QUICPay」に対応したことを発表。2018年秋から提供する。全国約72万カ所のQUICPay加盟店で、スマートフォンをかざすだけで支払いが可能になる。対応するのはAndroid端末で、iPhone（Apple Pay）への対応はアナウンスされていない。 LINE Payでは現在、LINE PayカードとQR／バーコードでの決済が可能だが、これに3つ目の決済手段が加わる。QUICPayで支払う際も、LINE Payアカウント残高から支払われる。LINEは「国内の大型店舗においてはすでに非接触型決済が整備されて
はてなブックマークの人気コメントは、単純に貰ってる☆の数が多い方が（正確には「別個のユーザーが付けた☆」が多い人）上にソートされるってのは周知の事実だとは思います。 ただ、それ以外にも色々と要因はあるようで。 今回、その要因について自分が知ってるものを下記に羅列していく（全部確証ないけど） ■☆が同数の場合、先にしたブコメが上位になる？ と思うんだけど、確証なし。 ■☆が同数の場合、連打があるブコメの方が順位が低い？ 例えば、Aさんが…Aさんだと分かりづらいな。 例えば １．まどかがブコメする。 ２．さやかがブコメをする。 ３．まどかのブコメにほむらが☆1つ付ける ４．さやかのブコメに杏子が☆を１つ付ける この時点ではまどかのブコメの方が上（のはず） ５．まどかのブコメにマミさんが☆を2つ以上☆を付けて、さやかのブコメに☆を1つ付ける。 ５の行動をすると、一見まどかのブコメ方が上位に行きそ
![はてなブックマークの人気コメントソート要因について - 鉄板日記[ ˶˙ᴗ˙˶ ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/14276996b93545660cb47d3d4de44fe8d93bca00/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ff%2Ffeita%2F20140517%2F20140517220635.png)
アニメカラーチャート [よく訓練された素材屋]
銀の月動画計画 > あにめはっく.jp > 素材屋トップ > 制作ツール > アニメカラーチャート イラスト制作ツール - アニメカラーチャート アニメカラーをデジタル化？ 色見本 ■Photoshop/IllustStudio/CLIP STUDIO PAINT/FLASH/Painter用 2013-06-07 18:51:00 update イラストにアニメっぽい色を塗るためのカラーチャートです。 アニメカラーの色の値を測定して公開しているサイトのRGB値をもとに作成いたしました。 各種お絵かきソフトのカラーパレットとbmp,png画像です。 画像は、画像ソフトで開いてスポイトツールで色を拾ってご利用下さい。 Photoshopカラーパレット(.aco) CLIP STUDIO PAINT,IllustStudioカラーセット(.cls) (Flashカラーセット(.clr) ※ve
blue, red, yellow, gray, blackなど、現在スタイルシートで名前で利用できるカラーはギラついた色味のものが多いですが、今時のちょっと抑えた色味に変えるスタイルシートを紹介します。 LESS版、Sass版もあり、カラーコードの一覧も用意されているので、デザイナーがカラーのバリエーションとして備えておくのにも役立ちます。 新旧カラーの比較 colors.cssの使い方 使い方は簡単です。 当スタイルシートを外部ファイルとして記述するだけです。 <link rel="stylesheet" href="css/colors.css"> スタイルシートには各カラーごとに、colorとbackground-colorが利用できるようになっています。 /* Colors */ .navy { color: #001f3f; } /* Backgrounds */ .bg-na
iFデザインアワード 2016の金賞を受賞した、キヤノン、ニコン、ソニーの3社4製品のデザイン担当者が語った「デザインのプロセス」を全4回で紹介する。今回はソニーのステレオヘッドホン「h.ear on」。ミニマルで一体感のある造形を作り上げた背景には、ソニー史上初の試みが数多く盛り込まれている。ソニークリエイティブセンターシニアマネジャーの飯嶋義宗氏が語る、チャレンジに満ちたデザインプロセスとは――。 金属、プラスチック、糸、異なる素材を同色に仕上げる壮大な試み ソニーでは、スタジオミュージシャンを中心に愛用されている超ロングセラーモデル「MDR-CD900ST」や高機能モデルの「MDR-1R」など、数多くのヘッドホンを開発、販売している。h.ear onが目指したのは、今までのようなメカニカルなヘッドホンではなく、可能な限り造形を圧縮、凝縮し、1つの固まりとしてデザインすること。それによ
人工知能で配色パターンを自動生成したり写真から色を抽出したりしてカラーパレットを生成しまくることが可能な「Colormind」
By Valerie Hinojosa 人工知能を用いて自動で調和のとれた配色パターンのカラーパレットを生成したり、アップロードした写真から色を抽出してカラー-パレットを生成したりすることができるウェブサイトが「Colormind」です。デザインやイラスト、インテリアなど配色に困った時にさまざまなパターンを提案してくれる便利なサイトになっているので使ってみました。 Colormind - the smart color palette generator http://colormind.io/ トップページから「Generate」をクリックすると、ゼロからランダムで相性の良い5色がグラデーションになったカラーパレットが生成されます。 各カラーの下にはいくつかのアイコンがあります。錠前のアイコンをクリックすると気に入った色を固定でき、再度カラーパレットを生成すると他の色だけ生成されるように
Mozilla Re-Mix: Firefoxで表示している画像からカラースキームを生成できるアドオン「ColorSuckr」
webサイトを製作するようなときは、ロゴや使用するパーツ・画像などにあわせて全体の配色もきちんと決めたいものですね。 しかし、ただ適当に各部のカラーを選んでもなかなかいい具合には決まらず、四苦八苦することもよくあることです。 このようなとき、その画像で使っている代表的なカラーを抜き出し、適切なカラースキームを生成することができるFirefoxアドオンが「ColorSuckr」です。 「ColorSuckr」は、Firefoxで表示している画像で利用されている主要色をその場でリストアップし、それぞれの色に応じたカラースキームを同名のWebサービスを使って生成し、利用することができるというWeb管理者に便利なツールです。 ＜使い方＞ アドオンをインストール後、Firefoxで必要な画像を表示し、コンテキストメニューから[Extract Image Colors]をクリックします。 新規タブで以
ColorSuckr 使い方は簡単です。 まずは、画像をFlickrやURLを入力して指定します。 すると、その画像で使用している主なカラーをリストアップします。 画像から抽出したカラー 各カラーの「color schemes」の「show」をクリックすると、そのカラーを使用したカラースキームのパレットをCOLOURloversから表示します。 各カラーのカラースキーム 各カラースキームをクリックすると詳細な情報が表示され、そのパレットをPhotoshop, Illsurator, HTML, zipなどさまざまな形式でダウンロードできます。 ※要登録
Webエンジニアに光明！MonacaでiPhoneアプリ開発 | ヘッドウォータースのブログ TechNote
「Objective-Cわからない」「Javaわからない」 でも 「スマフォアプリが作りたい！！」 っていう悩めるWebエンジニア 救いの手を差し伸べてくれる存在。 それが、Monacaです！ Monacaを使えば、iPhoneアプリはもとより、Androidアプリも作れちゃう！ 目次 1. Monacaって何？ 2. お絵描きアプリを作ってみよう 3. ソースコード 4. ソースコードの解説 5. カンボジアでMonacaのアプリを作ってみて 1. Monacaって何? 突然ですが、皆さんMonacaをご存知ですか？ え？知らない？わからない？なにそれ美味しいの？ Monacaは今、話題のHTML5を用いたハイブリットアプリケーションを作れる オンライン上の統合開発環境です。 設定不要で無料ですぐにコーディングできちゃいます。 ハイブリッドアプリケーションの開発に興味のある方は、 使って
ウェブページのカラースキームをフレキシブルに変更するスクリプトをBuild Internet!から紹介します。 Flexible Color Schemes in Layouts with RGBa デモではページ上部の「Change the color」から各カラーをクリックすると、そのカラースキームがページ全体に反映されるようになっています。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
配色を考えるときに便利なオンラインツール10個集めてみました | WP-E (仮)
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
[CSS]クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法
えっちな grep をつくった - はやくプログラムになりたい
デザイナーとエンジニアを巻き込んだワークフローの改善｜鈴木慎吾 / TSUMIKI INC.
『NieR:Automata』のUIデザイン | NieR:Automata 開発ブログ
この秋、デザインやファッションに使いたい10色 -2015年秋のトレンドカラー
[CSS]さまざまなバリエーションを簡単に利用できる美しいデザインのボタンを実装するチュートリアル
荒い写真の空白を埋める数学の魔法｢compressed sensing｣！（動画あり）
CSS3で作るシンプルなマウスオーバーアニメーション5種
"画質の差"が丸わかり！――液晶ディスプレイの表示チェックをしてみよう | EIZO株式会社
ウエディング・結婚式の色使いから、女性向けの華やかで清楚なカラーインスピレーションを磨く
この秋、デザインやファッションに使いたい10色 -2013年秋のトレンドカラー
デザインシステムの作り方徹底ガイド 参考にしたい導入事例まとめ
「ニンテンドー2DS」日本で発売へ 3DSソフト対応、立体視なし 9980円
【最新版】WD Blue, Green, Black, Red, Purple, Goldの違いと選び方
プリキュアの平均顔②－黄色キュアは本当に「あざとい」のか - プリキュアの数字ブログ
[JS]お気に入りのカラースウォッチをアウトプットするためのスクリプト -Swatches
印象的な色の組み合わせを探せるカラーパレット集「colors.lol」
Windows Vistaの新色管理システム「WCS」とは
A/Bテストが無料で捗る！「Google オプティマイズ」の設定と使い方
「LINE Pay」がQUICPayに対応、コード決済の手数料を3年間「0％」の施策も
はてなブックマークの人気コメントソート要因について - 鉄板日記[ ˶˙ᴗ˙˶ ]
ウェブデザインによく使うカラーの色味を少し抑えて今時のカラーにするスタイルシート -colors.css
タブーと困難に挑んで掴んだ唯一無二の存在感--ソニー「h.ear on」
画像を元に複数のカラースキームを生成するオンラインサービス -ColorSuckr | コリス
[JS]ユーザーの好みに合わせてRGBaでカラースキームを変更するスクリプト -RGBa layout