タグ

関連タグで絞り込む (197)

タグの絞り込みを解除

Designに関するmekanicalのブックマーク (140)

  • HugeDomains.com

  • 文字詰めの感覚をゲームで試すことができるサイト「kern Type, thr kerning game」: DesignWorks Archive

    【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) ロゴや文章などの「文字詰め」は、作品の良し悪しを決めるといっても過言では無いほど。デザイン業界で働く人にとって、非常に重要な工程だと思います。今回紹介する「kern Type, thr kerning game」は、文字詰めをテーマとしたゲームサイトです。 文字間がバラバラになった単語を自分なりの感覚で

    文字詰めの感覚をゲームで試すことができるサイト「kern Type, thr kerning game」: DesignWorks Archive
  • 紙テープのフック。かみの工作所 tapehook

    これはフックです。 大きさはこれくらい。 クラシコトレーシングという紙で出来ています。 粘着材で貼り付けます。小物を吊るしてディスプレイ出来ます 50gまで耐えられます。 壁に穴を開ける必要のないフックです。

    紙テープのフック。かみの工作所 tapehook
  • おまえの部屋って、なんか声が聞こえるときあるよね。 モノローグ ウォールステッカー

    これはステッカーです。 壁などに貼るステッカーです。 よくこすりつけてから、透明シートをはがすとできあがりです。 文字や線だけが貼られます。(はがすときは、細かくてちょっと大変そうですが・・・) 家中がしゃべりだします。 そっか・・・ いままで気づかなくてごめんね・・・。

    おまえの部屋って、なんか声が聞こえるときあるよね。 モノローグ ウォールステッカー
  • 鍵同士をガチャガチャさせないキーケース。Key Keeper

    これはキーケースです。 シリコンで出来ています。 鍵をこのようにおさめます。 ムニュっと押し込んで使います。 そして、鍵同士をガチャガチャさせません。

    鍵同士をガチャガチャさせないキーケース。Key Keeper
  • 忘れないように、キーボードに動物を立てる。HI MOJIMOJI Deng On

    これはメモです。 ペリッとはがして、メモや伝言を書いて キーボードに立てます。 大事な用件が、デスクに埋もれません。 忘れずに! ビデオ返しに行く!

    忘れないように、キーボードに動物を立てる。HI MOJIMOJI Deng On
  • 座れる牛 。スツール ANIMAL STOOL 牛

    これはスツールです。 座れます。 80kgまで耐えられます。 牛の柄が、世界地図になっています。 Sサイズの子牛もいますが、こちらは座れません。子牛なので・・・ 座れるシリーズ勢ぞろいです。

    座れる牛 。スツール ANIMAL STOOL 牛
  • ウェブデザインにおけるヴィジュアルのバランスを実現する5つの方法とその要因

    エレメント同士を水平に配置したり、垂直に配置したり、またそれが対称だったり非対称だったりなど、ウェブデザインでヴィジュアルのバランスを実現する5つの方法とバランスに大きな影響を与える5つの要素を紹介します。 Developing Balance in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに バランスの5つのタイプ バランスの5つのプロパティ はじめに もしあなたのウェブサイトのデザインがヴィジュアル的にバランスがとれていないなら、あなたのサイトは混乱に陥っているようにユーザーは感じるものです。そして、心地悪く感じさせるでしょう。 あなたのデザインは魅力的であり、ユーザーにリラックスして見回してもらえるようにするべきです。それを達成する最も良い方法はヴィジュアルのバランスです。 ヴィジュアルのバランスとは、デザインエレメントのバランスをとるだ

  • [JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Forms

    画像を一切使用せず、既存のフォームをかわいらしいデザインに変更するjQueryのプラグインを紹介します。 チェックボックスのチェックも画像ではないですよ。 Ideal Forms デモ [ad#ad-2] Ideal Formsのデモ フォームの外観は画像は使用せずスタイルシートでデザインされているので、自分用のカラーに変更することも可能です。 デモでは、3つのスタイルが用意されています。 スタイル:Comix Ideal Formsの主な特徴 フォームに美しい外観を与える軽量(14Kb)のスクリプト。 カスタマイズも簡単で、非常に使いやすいです。 画像は必要なく、スタイルシートでデザインを適用しています。 [ad#ad-2] Ideal Formsの実装 ファイルのアップロード 以下の2つをフォルダごとアップロードします。 css/idealForms js/idealForms.js

  • appleマークを使ってデザインされたケース「iTattoo Snap Case for iPhone 4」: DesignWorks Archive

    iPhoneを保護する目的と合わせて、体を着飾ることができるケースにもさまざまなデザインが存在しています。そんな中今回紹介するのは、appleマークを使ってデザインされたケース「iTattoo Snap Case for iPhone 4」です。 リンゴの形を利用した、さまざまなシチュエーションのグラフィックがケース上に表現されています。 詳しくは以下 リンゴが保護用のアミに入った状態だったり、キーボードやトラックのデザインに施されていたり、とてもユニークな表現がラインナップされています。他に、リンゴをかじる鳥や、お皿の上でべられるのを今かと待つリンゴの姿も。モノクロトーンに映えるデザインで、シンプルでありながらも個性を感じるケースをお探しの方、apple好きな方におすすめだと思います。体のデザインを維持しながら、ケースを装着できるのもうれしいですね。 iPhone4専用のため、以前

    appleマークを使ってデザインされたケース「iTattoo Snap Case for iPhone 4」: DesignWorks Archive
  • ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」:phpspot開発日誌

    Mercury Editor - Home ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」。 起動するとページの上部にツールバーが現れて、ページをそのままWYSIWYGで編集することが可能です。 リンクや動画、画像、テーブルなどの挿入、テキストフォーマットがツールバーから行え、そのまま保存することが出来る仕組みのよう。 編集画面。ページ内のコンテンツ領域のみを編集させることが出来ます。 サーバに保存するにはサーバ側での保存処理が必要みたいで、ここら辺はRailsを使って動かすみたいです。 対応ブラウザは以下。 Chrome 10+ Safari 5+ Firefox 4+ 関連エントリ 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」 まだまだあったJavaScript製のWYSIWYGエディタコンプリ

  • フリーのWEBサイトテンプレートをダウンロードできる15サイト:phpspot開発日誌

    15 Best Sites To Download Free Web Templates | ZoomZum フリーのWEBサイトテンプレートをダウンロードできる15サイト フリーのテンプレートのまとめエントリなんかが色々とあったりしますが、フリーテンプレートのまとめサイト15サイトのまとめになっています。 これでもうイメージ通りのテンプレートは手に入ってしまうのかもしれません。 関連エントリ フリーのWEBデザインテンプレート25 WEB管理画面のテンプレート22 フリーの高品質WEBデザインレイアウトテンプレートPSD70

  • テープが使いやすくなるコンセプトデザイン「Tape with Easy-to-Find End」: DesignWorks Archive

    【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 生活のあらゆるシーンで利用されているセロテープですが、いつもテープの先端を探すのに苦労している、使い始めテープを剥がすのが大変だと感じている方も多いはず。そこで今回は、セロテープの先端を見つけやすいセロテープのコンセプトデザイン「Tape with Easy-to-Find End」を紹介したいと思いま

    テープが使いやすくなるコンセプトデザイン「Tape with Easy-to-Find End」: DesignWorks Archive
  • 転がして日にちを進めることができるカレンダー「Monthly Measure Calendar」: DesignWorks Archive

    日にちやスケジュールを管理・チェックする為に利用されるカレンダーには、さまざまなデザイン・形のものが存在しています。壁掛け、卓上、日めくりなど、種類も多彩に展開される中で今回紹介するのは、転がして日にちを進めることができるカレンダー「Monthly Measure Calendar」です。 7角形のオブジェクトには月~日まで曜日が書かれており、同じ鋸歯状にカットされた木の上を転がすことで、カレンダーとしての機能果たす優れたアイテムとなっています。 詳しくは以下 木の棒状のオブジェクトには等間隔に日にちが書かれており、曜日とかませることで日にちを確認できるという仕組み。わざわざ日にちを入れ替えたり、毎月数字を書き換えたりする必要もなく使用できる手軽さも嬉しいですね。 細長い形状なので、ワークデスクの隅などに置いても、広く場所を取ってしまうこともなさそうです。スマートにカレンダーを飾っておきた

    転がして日にちを進めることができるカレンダー「Monthly Measure Calendar」: DesignWorks Archive
  • MacでWebデザイン、あると便利なアプリ48+2 | gaspanik weblog

    最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな?と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね(会社が買ってくれるならいいですw)。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え?何それ」みたいなのがあるかもです。 今回は各種

    MacでWebデザイン、あると便利なアプリ48+2 | gaspanik weblog
  • まったくのゼロから、Webデザイナーになる方法 - ウェブデザイナーになるには

    この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」(2015年3月) 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ(行動プラン)をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ1 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは

  • 目を引き印象に残るインパクト重視のパッケージデザイン33種

    日用品などだと店頭でパッケージを見て選ぶという人も多いのではないでしょうか。消費者の興味を引こうと各メーカーしのぎを削るパッケージデザインですが、以下に掲載するのは、そんな中でも特に強烈なインパクトを与える、どこか吹っ切れたデザインのパッケージです。 Izismile.com - Some Very Clever Packaging Designs for Products (51 pics) 1.音符型にパッケージされたヘッドフォン Corinne Pantによるデザイン。 2.Klein Constantiaのハチミツ ハチの巣箱を模したパッケージで、箱を開けると中に大量のハチがデザインされ、紙でできたハチも入っています。 3.スミノフ ウォッカ カイピロスカ 果物の皮を模した包装紙を取り除くと、見慣れたスミノフのビンが出て来ます。 カイピロスカは、フレッシュフルーツと氷にベースとなる

    目を引き印象に残るインパクト重視のパッケージデザイン33種
  • 自分で描いてデザインすることができる腕時計「Paper Watch」: DesignWorks Archive

    ファッションアイテムとして人気の高い腕時計は、最初からデザインされているものを選ぶことが通常だと思いますが、今回紹介する「Paper Watch」は、腕時計自体に自分でイラストや文字を描いてデザインすることができます。 スタイリッシュかつ、ユーモアのセンス溢れる生活雑貨などを発表するイギリスのブランド「Suck UK」より登場した、クリエイティブ要素の高いファッションアイテムとなっています。 詳しくは以下 バンド部分の素材には、破れにくい丈夫な白い紙を利用。ペンなどを使ってイラストや文字を直接描いたり、シールやスタンプなどを装飾したりと、デザインは作る人のセンスによって自由自在にアレンジできます。 プレゼントとして相手に伝えたいメッセージを記入して贈ったり、子供と一緒にオリジナルの時計を作ったりしても楽しそうですね。価格は1,260円と手頃なので、さまざまなデザインの時計を楽しんでみてはい

    自分で描いてデザインすることができる腕時計「Paper Watch」: DesignWorks Archive
  • Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice

    レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

    Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
  • フリーのWEBデザインテンプレート25:phpspot開発日誌

    GoogleMapAPIと併せて使える700種のアイコンセット「Map Icons Collection... 次の記事 ≫:2011年9月1日 管理人のブックマーク