タグ

2013年10月15日のブックマーク (7件)

  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS
    mhkohei
    mhkohei 2013/10/15
  • normo.jp | iPhoneアプリ製作に必用な画像一式

    iPhone,iPadアプリ製作に必用な画像、どんどん増えていて現在17個となっておりますが、毎回作っていてげんなりなります。 アイコンのデザインが決まってからは ・Photoshopのアクションで一気に変換 ・一括で増やしてくれる便利なアプリを使用させていただく などして楽をさせていただく事もあるのですが、 アイコンの絵に応じてシャープをかけたりアンチエイリアス切ったりカーニング調整したりコントラスト上げたり等々したい時も多いもでその時はサイズ毎にちゃんとPSDを作ります。 毎回名前コピペしたりリサイズしたりしてpsd作るのが面倒なので空のPSD一式を自分のリポジトリにあげておく事にしてみました。(既にどこかにある気もするけど。) Custom Icon and Image PSD Repository repository これで今後は $ git clone https://gith

    mhkohei
    mhkohei 2013/10/15
  • 新着記事

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

    新着記事
    mhkohei
    mhkohei 2013/10/15
  • 画像をRetina用にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」:phpspot開発日誌

    Retinize It - Photoshop actions for slicing retina graphics 画像をRetina用にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」。 レイヤーorグループを選んでアクションを実行し、ファイル名を入力すると2ファイル保存され、通常用とRetina用に保存できるというすぐれもの アプリに、スマホサイトに便利に使えそうです 関連エントリ RetinaディスプレイOKなアプリ用PSDアイコン350

    mhkohei
    mhkohei 2013/10/15
  • フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ

    最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUIWindows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない

    フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ
    mhkohei
    mhkohei 2013/10/15
  • 使いこなせばもしや爆速!?ここ最近助けられたチートシート色々を厳選してご紹介! | バンクーバーのうぇぶ屋

    さて、以前このブログではチートシートに関する記事を書かせて頂きました。もう1年以上前の記事になるんですねー。当時間が経つのは早い物です…。 無くても良いけど、あったら意外と便利なチートシート。得に初心者の間はチートシートと睨めっこしながら色々な技術なりアプリなりと向かい合う事も僕は少なくありません。 しかし、当然チートシート関連もアップデートし続けた方が良い物。いつまでも古いチートシートばかり見ていたら、折角の新機能や便利ツールの存在に気づかず、ぬあーーーー!って成る事もあるやもしれません。 というわけで、今日はここ最近見たチートシート紹介第二弾!チートシートとして手元に置いておけば、いざというとき便利かもしれない物を、比較的新しそうな物から共有させて頂こうかなと思います! それで行ってみましょー! OverAPI.com | Collecting all the cheat sheet

    使いこなせばもしや爆速!?ここ最近助けられたチートシート色々を厳選してご紹介! | バンクーバーのうぇぶ屋
    mhkohei
    mhkohei 2013/10/15
  • iOSアプリからnode.js+Socket.IOと双方向通信する | DevelopersIO

    iOSアプリからUIWebViewなどを介さずにnode.js+Socket.IOと双方向通信するための簡単なサンプルを紹介します。 サーバ側の実装 iOSアプリからnode.js+Socket.IO間で双方向通信するには、socket.IO-objcというライブラリを使用します。 今回はサーバ側には弊社うえじゅん氏が公開している記事で作ったチャットアプリを使用しますので、まずは以下の記事を参考にチャットアプリを作っちゃってください。 Node + Socket.IO で簡単なチャットアプリの作成 チャットアプリの準備が終わったら、早速iOSアプリ側の準備をしましょう。ここからは以下の環境を前提に説明します。 Mac OS X 10.8 Moutain lion Xcode 4.5.2 iOS SDK 6.0 iOSアプリの実装 サンプルプロジェクトのダウンロード 今回紹介するiOSアプリ

    mhkohei
    mhkohei 2013/10/15