Miro
Bootstrap 3 PSD GUI | Bypeople
Hello friends. Today’s bundle is a nice interface thought for visual creatives and developers. Always wanted to use the Bootstrap graphic interface but don’t know how to manipulate the code to achieve what you want? Not everyone’s a developer, and that is why we took all the elements of the new Bootstrap 3 framework and put them in a carefully layered PSD file so that you can easily arrange the el
Photoshopで編集中の画像をiPhoneやiPadでリアルタイムプレビューできるアプリ「Skala Preview」が無料化へ
Photoshopで編集中の画像のリアルタイムプレビューが可能なアプリ「Skala Preview」450円が期間限定で無料セール中無料化されています。詳細は以下から。 Skala Previewはドラッグ＆ドロップされた画像やPhotoshopで編集中の画像のリアルタイムプレビューが可能なアプリで、iOSアプリのUIデザイン等がリアルタイムプレビューでiOSデバイス上に映しだされます。 使い方は以下の通りで、これで画像ファイルをSkala Previewにドラッグ＆ドロップすればプレビューが表示されます。 同じネットワーク内にMacとiPhoneを置く MacでSkala Previewアプリを起動 iPhoneアプリを起動して左下のアイコンからSkala Previewを使用しているMacを選択 Mac側に[Allow device to connect?]というダイアログが出るので[
Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
なぜ "Designing in the browser" ワークフローへの移行が必要なのか - Zerobase Journal
QxilというQ&Aサイトで、藤原由翼さんが面白い質問をしていました： 皆さんはWebデザイナーのキャリアやスキルセットは今後どうあるべきだと思いますか？ (どうあることを期待されているかという経営者視点でのコメントもお待ちしています。) -- 藤原 由翼さんの質問 （※以下、質問者の藤原さん宛ではなく、多数の想定読者に向けた文章にしました） 「ウェブの技術的側面を理解していないデザイナーは、可変サイズを想定していないレイアウトや、CMYKカラー・モデルのデザイン・カンプを送ってくるので、マークアップ・エンジニアは無駄な苦労をするハメになる」といった逸話は、少し笑い話のようでもあります。しかし、ここにはデザインとテクノロジーの本質的関係性が見え隠れしています。 この文章では、「メディアの技術的側面を理解し、メディアの技術的特性を活かすことが、より良いデザインに通じる」という話をします。前
iPhone 5 Psd Vector Mockup | Pixeden Club
iPhone 5 Psd Vector MockupOur iPhone 5 vector mockup template is a fully-scalable vector shape iPhone 5 psd. We have created a very detailed front view of the new black and white iPhone 5 and used smart layers to create an easy way to show your web or iOS app as an iPhone 5 mockup. White 3D view available here. Black 3D view available here. 3/4 view available here.
20+ Free Bootstrap UI Kits — Speckyboy
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
プロトタイプを捨てよう
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
Balsamiq Mockupsで好みの日本語フォントを使う - Fragments of Works
Balsamiq Mockupsってなに？ 技術文書の図版を作るのにBalsamiq Mockupsを勧められました。これを使うと、オブジェクトをちょいちょいと配置していくだけで、手描き風のモックアップやら、ワイヤーめいたものやら、がわらわらと描けてしまうというもの。 いわゆるピッキンパッキンの緊張感持ってお仕事しますぜ的な図版でなく、いい意味で間が抜けたものが描けます。 そのままでは日本語が入力できない このアプリはデフォルトでは日本語が入力できません。Viewメニューから 「Use System Fonts」を選択して、チェックを入れておくと、日本語が入力できるようになります。 ところが、これが文字通りシステムフォントなので、Osakaなど、もっそい味もそっけもないフォントになります。せっかく手描きの味を活かしたいのに、フォントがパワポの世界へ誘います。ちっ。 XML設定ファイルで使う
Balsamiq Mockupsで任意の日本語フォントを使う方法 - KDF Memo
一年ほど前にリリースされて話題になったBalsamiq Mockupsだが、発表当初は日本語フォントが通らなかった。その後の変更で、”Use System Fonts”オプションを有効にすることで日本語も通るようになった、というところまでは知っていた。 しかしこのツールの価値は「手書き風」という部分にあるので、システムフォントを使うことで日本語が使えるようになったとしてもそれだけでは魅力が半減してしまう。なのでこのツールに興味を持ちつつも見送っていた….のだが 公式サポートページにフォント変更の方法が載っているのを発見。以前からこの方法で任意のフォントが使えたのか最近のバージョンアップで対応したのか定かではないがここにメモする。以下MacOSX版を元にしているが他のプラットフォームの方はパス名など適時公式ページに掲載されているものと置き換えて読んでもらえれば同じ手順でOKである。なお、
Keynoteで高精度なプロトタイプをつくる
ぼんやりとしたアイディアから実際に稼働するWebアプリケーションやWebサイトを創り上げるまでにどのようなワークフローを持っているのだろうか。 Web開発技術は伝統工芸にはならない。これだけ環境が変する中では最適な制作ワークフローも常に変化する。特に近年のモバイルデバイスの爆発的普及や、モダンブラウザの普及は、開発環境にあらゆる変化をもたらしている。 開発プロセスの変化 例えば私が行う実作業の中では、Photoshopを持ち出すようなビジュアルデザイニングはかなり小さく身を潜めているように思う。それはもちろんデザイナーにとって最も重要な1つであるが、プロジェクト全体においてはあくまで「最終的な」仕上げに過ぎない。ビジュアルデザインに到達するまでのラフスケッチ、ワイヤーフレームの作成が制作業務において、時間的にも重要度的にも大きな割合を占めるようになった。 つまり、全体像をスピーディーに設計
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://snips.net/blog/posts/2014/01-10-fast-interactive_prototyping_with_d3_js.html
これはスゴ過ぎ！Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD
Online Mockup, Wireframe & UI Prototyping Tool
New Content Available soon!
Iconfinder | Download free icons