タグ

designに関するsabroのブックマーク (167)

  • How To Enable HTML5 In Chrome | Robots.net

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    How To Enable HTML5 In Chrome | Robots.net
  • 同人誌を作る時に最適の読みやすいフォントはどれ? | お絵かき速報!萌え絵上達法

    1:スペースNo.な-74:2011/01/11(火) 20:19:38 ここは同人誌作成に欠かせないフォントについて雑談する スレッドです。皆様のオススメフリーフォントサイトや このフォントって何?等の質問など何でも書き込んでください。 表紙のみならず、同人誌印刷所スレで度々出る文のフォントに ついても情報をお待ちしています。 *同人で使えるフォントについての情報交換の場です。 *有料フォントの無断無料配布はご遠慮ください。 ただし「○○のサイトで(お金を払えば)手に入る」等の 情報はどんどんお寄せください。 *MSフォントはvista以降同人での利用が可能になりました。 2:スペースNo.な-74:2011/01/11(火) 20:20:19 About Font http://home.intercity.or.jp/users/masak/ 和文フォント大図鑑(旧 Fonts 大

  • Components · Twitter Bootstrap

    Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2

  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
  • デザインが素敵な日本語Facebookページ 10選

    Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ 使い方・移行方法 目次 1. 新Facebookページ 使い方・移行方法 まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介(基データ)を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設

    デザインが素敵な日本語Facebookページ 10選
  • キャッチコピーをより効果的に『読ませる』為に。 | Maka-veli.com

    フォント等の話しでなくて、今回は『「文章」にひとつまみのスパイス』程度の内容です。 お客様に頂いた原稿。 そのままコピペってませんか? コピーライターさんが味方についてれば良いんですが、 WEBの場合、お客さんからの完全支給も多々あります。 そのまま使ってもいいと思いますが、 ワンランク上のおっさんは、素晴らしいデザイナーさんは、 言葉の意味を汲み取り、それを最適な形で表現する為に、 言葉自体に工夫を施したりします。 ※ワンランク上のおっさんとは はいゴメンナサイ 支給文章にひとつまみ。 例えば『人間』の文字。 [ 人間 ] = 文学的 生物学的 [ にんげん ] = 文学的 叙情的 [ ニンゲン ] = 科学的 漫画的 [ NINGEN ] = にんじゃ?(・´ェ`・) 人間って単語だけだと微妙ですが、 これが文章になるとまたリズムが変わり、 [ 人間

  • ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選

    Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。(というよりはコミュニケーションツールですが。)幼児は上のように、ボックスに三角や四角のブロックを入

  • Android UI Design Tips

    UIを意識すべきなのはどうして? 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール&購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと * やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない! ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない! ・柔軟性を持つ!(absolute-positioned layout はダメ) ・px

    Android UI Design Tips
  • AndroidにおけるLauncherアイコン、背景画像の作り方 - アシアルブログ

    はじめまして。鴨田と申します。 年初からアシアルにてデザイナーとして働いており、 今日からブログも書くようになりました。 どうぞよろしくお願いいたします。 さて、今日はAndroidにおけるLancherアイコン制作を中心に、 お話をさせていただきたいと思います。 なぜ、この話題かというと、アシアルでは現在、 Androidアプリの制作を積極的に行っていて、 正式なプレスリリースは明日行いますが、 今日から、「ClapClap Clock」というAndroidアプリがAndroid Marketにて、 無料公開されています。 どんなアプリかというと、拍手に反応して、 現在の時刻を声で知らせてくれるという時計ユーティリティです。 興味のある方は是非インストールして頂ければと思います。 今回はそのデザインを自分が担当したので、 そのときに参考にしたデザインガイドラインを大まかに翻訳しながら、

    AndroidにおけるLauncherアイコン、背景画像の作り方 - アシアルブログ
  • 9patchを覚えよう! - 明日の鍵(跡地)

    角丸が綺麗に表示されない! ボタンを作りました! 角丸のボタンです。 早速ボタンの背景に設定しました。 なんてこったい 設定するボタンが大きすぎて背景画像が引き伸ばされてしまいます。 9patchを使おう! そこで9patchの出番です。 9patchは、画像よりモノが大きかった場合(今回は画像よりボタンが大きかった) 引き伸ばす部分を指定することで、画像の崩れを無くす事ができるのです! Fireworksでいう所の9スライスという機能に似ています。 先ほどのボタン画像に9patchの処理を施してみます。 できました! 上側と左側に黒い1ピクセルが見えますでしょうか? ちょっと拡大します。 拡大したのでボケてますが、これなら分かりますね。 9patchは上下左右に、アルファ無しの黒(#000000)の印を付けることで伸ばす部分を指定します。 上下左右それぞれ意味があります。 上と左の印は必

  • 非公開サイト

    サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。

    非公開サイト
  • Google I/O 10で発表された5つのAndroidのApplication UIデザイン - 酢ろぐ!

    未だにピンとくるAndroidアプリのUIが思いつきません。AndroidではアプリのUIに統一感が無く、メーカー製のアプリも標準アプリとは異なるデザイン感のUIになっています。 普段仕事ではiPhone、プライベートではWindows Phone7とそれぞれの世界観があるプラットフォームで開発を行っているので、ある程度定石というか及第点を貰える様なUIを提案出来るようになっておきたいわけです。 UIの統一性がないのはWindows Mobile自体に苦労してきたので悶々と悩んでいます。この頃Facebookや勉強会の懇親会でAndroidのアプリUIのベストプラクティスについて質問する事が多くてすみません・・・ 色々と探していると、FacebookやTwitter for Androidでも採用されていると思われる5つのAndroidのApplication UIデザインガイドを見つけま

    Google I/O 10で発表された5つのAndroidのApplication UIデザイン - 酢ろぐ!
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

  • スマホのUI考2 〜 フィードバックについて | fladdict

    UIについて徒然と考える自分用メモ、2回目はフィードバック。ユーザーに「何かがおきたよ!」と如何に明解に知らせるか?1回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは? ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、

  • iPhoneで最も美しいアプリアイコンは? - #RyoAnnaBlog

    Tweet ずっとMomentoだと思っていた。 エンジのボディにホワイトのリボン。濃淡の美しさに惹かれて、何度かべたくなった事がある。ノスタルジックな味がするに違いない。 今回はデザインのいいアイコンを紹介したい。 Momentoと同じぐらい美しいアイコンを発見して、嬉しかったのだ。 入選 Camera+ Color Splash Fast Memo iBonsai Instagram Path PicFrame PlainText Reeder QuadCamera Symmetory Vellum Wikipanion WriteRoom Wunderlist Zentomino どれも素晴らしいアイコンだ。 いよいよ金賞を発表する。 特別賞 Momento Momentoの美しさは揺るぎない。金賞でもいいぐらいだが、今回は特別賞に留めておこう。 次点 Pillboxie 青く透き

    iPhoneで最も美しいアプリアイコンは? - #RyoAnnaBlog
  • スクエニ メンバーズ -SQUARE ENIX MEMBERS-

    SQUARE ENIX MEMBERS @SQEX_MEMBERS_JP スクウェア・エニックスの様々な情報をお知らせする公式アカウントです。 ※メンバーズサイトのアクセスで1日1回もらえるログインボーナスポイントをアプリからでも獲得できます。(1日1回を上限に、Webサイトまたはアプリのいずれかで獲得できます)

  • かっこいいロゴ貼ってけ : 暇人\(^o^)/速報 - ライブドアブログ

    かっこいいロゴ貼ってけ Tweet 1:名無しさん@涙目です。(大阪府):2011/05/26(木) 22:14:12.32 ID:a6ejwfmC0● 東日大震災:支援のロゴ、自由に使って! 岡山市がHPにアップロード 岡山市は25日、東日大震災復興支援市民キャンペーンのロゴマークをホームページで自由にダウンロードできるようにする。 支援の輪を広げる目的。同市によると、行政が作ったロゴを自由に使えるようにするのは珍しいという。 ロゴマークは4月に作成。「がんばろう日! 岡山の元気をとどけよう」の文字と桃太郎をあしらっている。 キャンペーンの趣旨に賛同する市民や企業であれば、使用できる。デザインや文言の変更、商用目的は不可。市への申請も不要。 市は「市民挙げて被災地を応援できれば」と話している。ホームページのアドレスはhttp://www.city.okayama.jp/。 掲載は来

    かっこいいロゴ貼ってけ : 暇人\(^o^)/速報 - ライブドアブログ
  • これはクオリティが高い、さまざまなソーシャルメディアをスタンプ風にデザインしたPSD, AI素材 -Stampaxx

    Twitter, facebook, flickr, digg, tumblr, WordPressなど、さまざまなソーシャルメディアをスタンプ風にデザインしたPSD, AI素材を紹介します。

  • Webデザイナーが知っておく、DTPの基礎知識

    Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン(Cyan)、マゼンタ(Magenta)、イエロー(Yellow)、キー・プレート(Key Plate)から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも当の黒には見えません。 そこで他の色も混ぜて、当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%+M20%+Y20%+K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ

    Webデザイナーが知っておく、DTPの基礎知識
  • ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan

    シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

    ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan