タグ ピクセル単位
人気順 5 users 50 users 100 users 500 users 1000 users[Unity] マウス位置のドット絵オブジェクトをピクセル単位で選択&ハイライト表示 - Qiita
経緯 複数のドット絵オブジェクトで構成されたゲームシーンで、マウスでクリックした指定座標位置にあるオブジェクトを、ピクセル単位で正確に判定したいと思いました。また判定で見つけたオブジェクトをハイライト表示(色フィルターや輪郭を付けたり)したいと思いました。 これまでの記事で、ドット絵を深度バッファ... 続きを読む
Google、画像をピクセル単位で把握し各オブジェクトに割り当てるセマンティックセグメンテーションCNNモデル「DeepLab-v3」オープンソース発表 | Seamless
Google、画像をピクセル単位で把握し各オブジェクトに割り当てるセマンティックセグメンテーションCNNモデル「DeepLab-v3」オープンソース発表 2018.03.13 機械学習/人工知能 Googleは、同社機械学習ライブラリTensorflow実装の画像セマンティックセグメンテーションdeep learningモデル「DeepLab-v3」をオープンソースにて 発表しました。 GitHu... 続きを読む
Microsoft Research、ホログラフィー技術を用いた視野角80°のサングラス型ARディスプレイを発表。高品質のホログラム、ピクセル単位のフォーカス制御、視力矯正、収差補正も | Seamless
Microsoft Research、ホログラフィー技術を用いた視野角80°のサングラス型ARディスプレイを発表。高品質のホログラム、ピクセル単位のフォーカス制御、視力矯正、収差補正も 2017.05.20 未分類 Microsoft Researchは、高解像度で高視野角のコンパクトなARディスプレイを可能にする技術を 明らかにしました。 本ARディスプレイ(近視眼ディスプレイ)は、ホログラフィ... 続きを読む
Apple Pencilを使ってみた(ビデオ) | TechCrunch Japan
Apple自身、スタイラスについてネガティブな発言をしたこともあった。しかしそのAppleが、今回のイベントにてApple Pencilなるものを発表した。iPad Proにてピクセル単位で正確な入力をすることのできるデバイスだ。入力の際の遅延もほとんど感じられない。圧力と傾きを検知することができ、コンテンツ制作の現場で大きな力を発揮しそうだ。 このたび、TechCrunchでもこのApple P... 続きを読む
美しい配色、デザインの参考にしたい!すごい無料UIコンポーネント素材まとめ - PhotoshopVIP
UIコンポーネント素材は、ウェブサイトやモバイルアプリを作成するときなど、ドラッグ&ドロップの直感的でシンプルな作業のみで、サイトデザインを完成させることができます。それぞれの素材は、プロデザイナーがピクセル単位にこだわり作成し、トレンドのデザインや配色などを採用しているので、高品質なデザインも特長です。 今回は、最近公開されたデザイン性の高い、無料UIコンポーネント素材をまとめてご紹介します。今... 続きを読む
Web制作に役立つ便利すぎるブックマークレットのまとめ | コリス
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造... 続きを読む
3flab inc. | #Illustrator と小数と私
Illustrator は印刷物で使う「ミリ」や「インチ」を使用するイメージが強いと思いますが、ウェブデザインやアプリケーションデザインなど、ディスプレイで表示することが目的のデザインを行う場合、一般的に「ピクセル」という単位をベースに作業を行います。この「ピクセル」をベースにした作業で一番重要なポイントが「数値の小数」です。今回は、Illustrator のピクセル単位で作業するときに発生する小... 続きを読む
速報:iOS 8を完全再現したIllusatrator用無料ベクターUIコンポーネント素材 - Photoshop VIP
先ほどAppleがiOS 8の一般提供を開始したばかりですが、すべてのUIデザインコンポーネントを完全再現したIllustrator用ベクター素材がすでに無料で公開されていました。新しく追加された「ヘルスケア」アプリや、機能が改善されたカメラディスプレイなどまで忠実にデザインを再現しています。 Free iOS 8 Vector UI Kitは、収録されているデザインパーツはどれもピクセル単位で設... 続きを読む
画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 : ライフハッカー[日本版]
MacOS , OS , ソフトウェア , ツール , デザイン , 趣味 画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 カメきち 2014.06.14 07:30 「Pixel Winch」はピクセル単位でサイズを測定できるツールです。スクリーンショットを撮影し、画面内の要素間のサイズなどを測定できます。 以下に使ってみた様子を載せておきます。 まず、Pixel Win... 続きを読む
質感たっぷりに仕上げる、ダーク系無料Photoshopパターンテクスチャ素材40枚セットPhotoshopVIP |
ダーク系デザインを作成するときに活用したい、無料ダウンロードできるPhotoshopパターン素材40枚をセットにした「40 PS Dark Patterns」が公開されていたので、今回はご紹介します。 ピクセル単位で描かれた素材は、ダーク系デザインの質感をアップしたいときにいかがでしょう。 詳細は以下から。 質感たっぷりなダーク系無料Photoshopパターン素材まとめ 40 Free Dark ... 続きを読む
[JS]ページ上のあらゆる要素を簡単にレスポンシブ対応にするスクリプト -Responsive Elements | コリス
外部スクリプトを加えるだけで、ページ上のあらゆる要素にレスポンシブ対応のclassを利用できるようにするjQueryのプラグインを紹介します。 ブレイクポイントはピクセル単位で細かく、そして複数設定することが可能で、さまざまな表示幅に最適化なスタイルを特定の要素に適用できます。 Responsive Elements Responsive Elements -GitHub Responsive E... 続きを読む
ウェブサイトの制作に必ず役立つブックマークレットのまとめ | コリス
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを... 続きを読む
火星探査機Curiosityの撮った画像にUFOが写ってるって本当?(動画) : ギズモード・ジャパン
NASA/宇宙モノ , サイエンス 火星探査機Curiosityの撮った画像にUFOが写ってるって本当?(動画) 2012.08.24 22:00 UFO研究家があたふたしています。火星探査機 Curiosity が撮影した写真に空飛ぶ円盤が写っているというのです。彼らが、Curiosityの写真に色々言うのははじめてではありません。(そして最後でもないでしょう)発表された写真をピクセル単位で精査... 続きを読む
レスポンシブデザインのブレイクポイントの確認用、ブラウザの幅をピクセル単位で簡単に変更できるFirefoxの機能拡張 -FireBreak | コリス
FireBreak FireBreakのインストール FireBreakの使い方 FireBreakのインストール 下記ページにFirefoxでアクセスし、「Add to Firefox」ボタンをクリックするとインストールが始まります。 ※インストール後、ブラウザは再起動されます。 FireBreak インストールが完了すると、ブラウザの上部に現在の幅が表示されます。 続きを読む
Photoshop VIP どんなWebサイト制作にも対応、Photoshopでグリッド、カラムガイドラインを作成する方法
Home > チュートリアル > Webレイアウトチュートリアル > どんなWebサイト制作にも対応、Photoshopでグリッド、カラムガイドラインを作成する方法 Photoshopを使ってWebデザインを制作するときに、まず必要となるのがピクセル単位で引かれたグリッドガイドラインです。 グリッドレイアウトを利用することで、コンテンツをすっきり見やすく並べるだけでなく、デザイン作業を直感的に行... 続きを読む
Photoshop VIP 組合せ自由自在、Webサイトのモックアップ、プロトタイプ作成PSD無料キットThe Brick
Home > ダウンロード > ダウンロード -PSD > 組合せ自由自在、Webサイトのモックアップ、プロトタイプ作成PSD無料キットThe Brick 新しくWebサイトをデザイン、特にモックアップデザインを制作するときに活用したい、スタイリッシュなユーザー・インターフェースを何種類もまとめたPSDキット「The Bricks」を、今回はご紹介です。 あらかじめピクセル単位で制作されたボタン... 続きを読む
Photoshop VIP ☞ デザイン質感アップ、継ぎ目のない無料ピクセルパターン素材16個まとめ
Photoshopで背景をデザインするとき、どのように作成していますか。 単色でペイントした背景に、細かいピクセルパターンを重ねることで、質感をアップすることができますよ。 海外デザインブログTripWireMgazineで、ピクセル単位で作り込まれた、継ぎ目のない無料パターン素材を700個まとめた保存版的エントリー「700+ Ready to Grab Free Photoshop Pixel ... 続きを読む
Facebookページの制作に役立つ、タイムラインとニュースフィードの新レイアウトに対応したPSD素材 | コリス
Facebookのタイムラインとニュースフィードをピクセル単位で忠実に再現したテンプレートのPSD素材を紹介します。 PSDは制作に利用できるようすべて編集可能な状態です。 Facebook news feed and [...] 続きを読む
Photoshop VIP ☞ twitterのインターフェースをパロディした無料PSDテンプレート素材
個人的にもよく利用しているソーシャルサービスtwitter、おもしろいですよね。 twitterのレイアウトデザインを利用したい、と考えているひとにオススメしたいインターフェース素材テンプレート「Twitter GUI PSD」が海外デザインブログSmashing Magazineで公開されていたので、今回はご紹介します。 ピクセル単位で再現されたアイテムは、ウェブサービスの開発などにも役立ちそう... 続きを読む
商用利用も無料、Facebookファンページの作成に役立つPSD素材(ワイヤーフレーム付き) | コリス
ピクセル単位で正確につくられた、FacebookファンページのGUIがまとめられたPSD素材を紹介します。 Freebie: Facebook Fan Page GUI PSD FacebookファンページのPSD素材は [...] 続きを読む
ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材 | コリス
Androidのアプリ開発に役立つ、モックアップ用のPSD素材を紹介します。 Android GUI PSD (High-Density) Android GUI PSDは、Androidのデフォルトのスキンをベースに標 [...] 続きを読む
fladdict » スマーホのUI考 〜 ボタンについて
スマートフォンアプリのUIの話 〜 ボタンについて 色々と自分の中の考えをまとめるためのメモ。 ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作... 続きを読む
Photoshop Vip » Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ
News Home > News > Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ 2011年5月9日 最近のウェブデザインの特長のひとつとして、ピクセル単位にまで気を配ったデザインパーツを利用しているケースをよく見かけるようになりました。 影などを利用し... 続きを読む
404 Blog Not Found:タブのスペース化はタブ幅よりも重要である
あえて断言します。君たちは半分しかわかっていないと。 Charsbar::Note - タブとスペースの話あえて断言しときます。こんなモンはバッドノウハウなんであって、ベストプラクティスでもなんでもない、と。 最速インターフェース研究会 :: タブとスペースと萌ディタの話なんかそもそもタブを使わずにスペース4で統一せよってのはフォントサイズをピクセル単位で指定したがるデザイナの言い分みたいで気に食... 続きを読む